darrenjacoby/gutenberg-gestures

WordPress Gutenberg gesture-based actions for a more expressive editorial experience.

Installs: 2

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 1

Forks: 0

Open Issues: 0

Language:JavaScript

Type:wordpress-plugin

0.0.1 2023-07-18 19:19 UTC

This package is auto-updated.

Last update: 2024-10-30 02:16:26 UTC


README

Bringing gesture-based actions to the block editor for a faster authoring experience.

Installation

WP-CLI

$ 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

$ composer require darrenjacoby/gutenberg-gestures

Requirements

Usage

Quick Reference

Editor

Block

Editor

Editor/Toggle List View

Action is limited to the left hand side of the editor.

  • to open.
  • to close.
editor-list-view.mp4

Editor/Toggle Inserter

Action is limited to the left hand side of the editor. No block must be selected.

  • cmd/→ right to open.
editor-inserter.mp4

Editor/Toggle Sidebar

Action is limited to the right hand side of the editor.

  • to open.
  • to close.
editor-sidebar.mp4

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.

block-move-down.mp4

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.

block-move-up.mp4

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.
block-duplicate.mp4

Block/Delete

  • cmd/↑ to delete block.

For trackpads and touchscreens;

  • pinch/inwards to delete a block.
block-delete.mp4

Block/Insert Before

  • cmd/← to insert a new block before the selected block.
block-insert-before.mp4

Block/Insert After

  • cmd/→ to insert a new block before the selected block.
block-insert-after.mp4

Block/Lock

  • cmd/shift/← to lock the selected block.
block-lock.mp4

Block/Edit as HTML

  • cmd/shift/→ to edit the selected block as HTML.
block-edit-as-html.mp4

Follow along

Follow along for more block editor experiments.