Shortcake

Shortcake makes using WordPress shortcodes a piece of cake.

Description

Used alongside add_shortcode, Shortcake supplies a user-friendly interface for adding a shortcode to a post, and viewing and editing it from within the content editor.

Once you’ve installed the plugin, you’ll need to register UI for your shortcodes. For inspiration, check out examples of Shortcake in the wild.

To report bugs or feature requests, please use Github issues.

Installation

Shortcake can be installed like any other WordPress plugin.

Once you’ve done so, you’ll need to register the UI for your code.

Screenshots

1. Without Shortcake, shortcodes have a minimal UI.

687474703a2f2f732e776f726470726573732e6f72672f657874656e642f706c7567696e732f73686f7274636f64652d75692f73637265656e73686f742d312e706e67

2. But with Shortcake, TinyMCE will render the shortcode in a TinyMCE view.

687474703a2f2f732e776f726470726573732e6f72672f657874656e642f706c7567696e732f73686f7274636f64652d75692f73637265656e73686f742d322e706e67

3. And add a user-friendly UI to edit shortcode content and attributes.

687474703a2f2f732e776f726470726573732e6f72672f657874656e642f706c7567696e732f73686f7274636f64652d75692f73637265656e73686f742d332e706e67

4. Add new shortcodes to your post through “Add Media”.

687474703a2f2f732e776f726470726573732e6f72672f657874656e642f706c7567696e732f73686f7274636f64652d75692f73637265656e73686f742d342e706e67