Shortcake

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

Ready to get started?

Drop us a note.

No matter where you are in the planning process, we’re happy to help, and we’re actual humans here on the other side of the form. 👋 We’re here to discuss your challenges and plans, evaluate your existing resources or a potential partner, or even make some initial recommendations. And, of course, we’re here to help any time you’re in the market for some robust WordPress awesomeness.