Code

Wordpress Keyboard Shortcuts

Wordpress Keyboard Shortcuts

Hi. I would like to show you plugin I’v made for myself and I think it can be useful for someone else.

New Functionality

In version 1.3 add feature to add Actions Query – like set of mini actions that perform some big action. For example you are on posts list page. You want to remove all posts. With default interface you need: 1- select posts, 2- select delete action, 3 Click on Apply action button.

With new feature you can add those actions as query and bind keyboard shortcut. So now you can remove all posts just with one button click.

So what WP Keyboard Shortcuts plugin do ?

Do you use shortcuts in on your computer? Like open some programs with shortcuts, open menues, manipulate with data ? With this plugin you can have same functionality inside Wordpress.

Wordpress keyboard Shortcuts plugin allow you to bind keyboard shortcuts to different Wordpress elements and events. Like click on some button, go to menu etc. Imagine you can manipulate all menus, and elements with only keyboard.

Want to Add Post with just one click ? – No problem! Want to navigate via posts, select them, make actions with them ? – No problem, just bind all combinations you need to actions and script will do all things for you.

For example: Imagine you write different articles. You need to Add set of articles – So you will need to add content, then add category, set featured image, select post type. With this plugin you can do it just with 3 clicks. Just bind combinations you need to actions and do all things extremely fast.

So for this example we bind:
  • Shift + F1 To Add Post
  • Shift + F2 To Set Post Category
  • Shift + F3 To Set Post Type To Quote
  • Shift + F4 To Set Post Featured Image
  • Shift + F5 To Publish Post
On settings page it will look like this:

Below you can find video with test how we do set of actions in default way and with help of shortcuts plugin. You can see that using of it is faster, flexible and cooler :)

https://vimeo.com/242228473

Test account

You can login to http://shortcuts.voodoopress.net/wp-admin with test_user/test_user login/password to test plugin online

So let’s check what we have in plugin. After installation you will find new menu Shortcuts left hand.

There are two subpages. Let’s start with Settings

Here we have next options:
  1. “Show Helper Block” This option allow you to show you top right helper block, that have info about all combinations. Just in case you have bad memory or learn new combinations.
  2. “Show Combinations” In left side admin menu small string with combination will appear near menus, to remind you combination for this menu option.
  3. “Trace shortcuts on input fields” If this option turned on – combination will be traced when you input something in input block like input or textarea. Usually turned Off.
  4. “Show Shortcuts in Admin Bar” This option will add shortcuts to Wordpress admin bar. That will allow you to have actions in top bar. Just maybe someone will found this useful.

Hope all those things are clear enough. So here is main editor.

Here you can enter combination for shortcut, set what action should be done on keys combination pressed. Enter details of section. Here you can add custom name to combination and select if it should be visible in top menu. And for sure you can remove row, add new or clone existed.

So lets get into Action Types. We have three of them:
  1. Menu Action – with this type of action on shortcut pressed you will go to any Menu page.
  2. Custom Action – its set of predefined actions. You can publish posts, preview, make different action. If you need any custom action but don’t see it in list you can write it in comments and I’ll add it in next release.
  3. Click Emulation – its option for experienced users, but it have unlimited abilities. With this type of action you can emulate click on any element you need. Buttons, lists, tabs etc. Anything. So to use this type of action you will need to know CSS elector for this element. E.g. to select all posts in posts list you need to emulate click on checkbox to select all. It’s selector is ”#cb-select-all-1”. So you can just add combination in editor, select Click Emulation as Action Type and enter this CSS selector in Details input field.
  4. Visit URL – with this type of action on shortcut pressed you will go to any URL you want.

Personal Settings

Plugin built in a way that each logged user can configure his own shortcuts, so users can fit functionality according to needs. and functions.

Version 1.3

  • Plugin have new functionality – Actions Query – its emulation of list of different actions. Main actions are – set value and make click

Version 1.2

  • Added Visit URL function to go to URL
  • Backend add new row bug fixed

Version 1.1

  • First Release
by
by
by
by
by
by