https://github.com/darrenjacoby/gutenberg-gestures
WordPress plugin to bring gesture-based actions to the block editor.
https://github.com/darrenjacoby/gutenberg-gestures
gestures gutenberg gutenberg-plugin wordpress
Last synced: about 1 month ago
JSON representation
WordPress plugin to bring gesture-based actions to the block editor.
- Host: GitHub
- URL: https://github.com/darrenjacoby/gutenberg-gestures
- Owner: darrenjacoby
- License: mit
- Created: 2023-07-16T13:01:52.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-31T18:35:26.000Z (almost 3 years ago)
- Last Synced: 2025-05-20T02:13:48.652Z (about 1 year ago)
- Topics: gestures, gutenberg, gutenberg-plugin, wordpress
- Language: JavaScript
- Homepage:
- Size: 3.95 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# g/gestures
Bringing gesture-based actions to the block editor for a faster authoring experience.
## Installation
[WP-CLI](http://wp-cli.org/)
```shell
$ wp plugin install https://github.com/darrenjacoby/gutenberg-gestures/archive/master.zip --activate
```
_Gestures has been submitted to the WordPress plugin directory for review, however at the time of writing there is a 60 day waiting period._
[Composer](https://getcomposer.org/)
```shell
$ composer require darrenjacoby/gutenberg-gestures
```
#### Requirements
- [PHP](http://php.net/manual/en/install.php) >= 7.4.0
## Usage
### Quick Reference
#### Editor
- [Toggle List View](#editor-list-view)
- [Toggle Inserter](#editor-inserter)
- [Toggle Sidebar](#editor-sidebar)
#### Block
- [Move Up](#block-move-up)
- [Move Down](#block-move-down)
- [Duplicate](#block-duplicate)
- [Delete](#block-delete)
- [Insert Before](#block-insert-before)
- [Insert After](#block-insert-after)
- [Lock](#block-lock)
- [Edit as HTML](#block-edit-as-html)
## Editor
### Editor/Toggle List View
Action is limited to the left hand side of the editor.
- **`→`** to open.
- **`←`** to close.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/996b63b4-da5a-46f8-99af-30be21020e6f
### Editor/Toggle Inserter
Action is limited to the left hand side of the editor. No block must be selected.
- **`cmd/→`** right to open.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/d9113528-613d-44af-a464-a09e12449c06
### Editor/Toggle Sidebar
Action is limited to the right hand side of the editor.
- **`←`** to open.
- **`→`** to close.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/909e1281-6823-4117-9bf8-d99a858dd025
## Block
### Block/Move Down
- **`↓`** to move block down.
_Supports nested blocks; if the selected block is nested and is the last item, the parent block will move down._
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/0d3af6b2-bab4-4888-b346-0f009b967d82
### Block/Move Up
- **`↑`** to move block up.
_Supports nested blocks; if the selected block is nested and is the first item, the parent block will move up._
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/f5690b4e-81ce-471e-903c-b1824f05d5cd
### Block/Duplicate
- **`cmd/↓`** to duplicate block.
- **`cmd/shift/↓`** to duplicate the parent block of a selected block.
For trackpads and touchscreens;
- **`pinch/outwards`** to duplicate a block.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/0f246202-2967-4efd-b201-d2e86ca1fd2b
### Block/Delete
- **`cmd/↑`** to delete block.
For trackpads and touchscreens;
- **`pinch/inwards`** to delete a block.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/299f9cbf-fe16-46a5-8655-652d3e525be2
### Block/Insert Before
- **`cmd/←`** to insert a new block before the selected block.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/1719a0bb-f8fd-450c-b654-d92a80baf75c
### Block/Insert After
- **`cmd/→`** to insert a new block before the selected block.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/1851bf15-bb31-4ece-bca2-b4915fa0b19d
### Block/Lock
- **`cmd/shift/←`** to lock the selected block.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/3674a5dd-92a4-4c64-aabe-8355fcc3686a
### Block/Edit as HTML
- **`cmd/shift/→`** to edit the selected block as HTML.
https://github.com/darrenjacoby/gutenberg-gestures/assets/15921694/27164e4a-be21-4b01-bcb7-97959fec43c5
## Follow along
[Follow along](https://twitter.com/withjacoby) for more block editor experiments.