Title: SideMenu
Author: Oliver Campion
Published: <strong>ଅକ୍ଟୋବର 18, 2019</strong>
Last modified: ଜୁନ୍ 29, 2026

---

Search plugins

![](https://ps.w.org/sidemenu/assets/banner-772x250.jpg?rev=2179131)

![](https://ps.w.org/sidemenu/assets/icon-256x256.jpg?rev=3589747)

# SideMenu

 By [Oliver Campion](https://profiles.wordpress.org/domainsupport/)

[Download](https://downloads.wordpress.org/plugin/sidemenu.2.0.zip)

 * [Details](https://ory.wordpress.org/plugins/sidemenu/#description)
 * [Reviews](https://ory.wordpress.org/plugins/sidemenu/#reviews)
 *  [Installation](https://ory.wordpress.org/plugins/sidemenu/#installation)
 * [Development](https://ory.wordpress.org/plugins/sidemenu/#developers)

 [Support](https://wordpress.org/support/plugin/sidemenu/)

## Description

SideMenu adds an off-canvas panel that slides in from the side of your site and 
can be opened from a block button placed in your content, templates or template 
parts.

Version 2.0 introduces a block-first workflow for modern WordPress sites. Create
reusable SideMenu content in the editor, choose the default SideMenu content for
free blocks, then place the “SideMenu Open Button” block wherever visitors should
be able to open the panel.

The block workflow is ideal for block themes and Full Site Editing because the SideMenu
button can live directly in a template, header, navigation area, page or post.

#### Key features

 * SideMenu Open Button block for posts, pages, templates and template parts.
 * Reusable SideMenu content managed as its own editor content type.
 * Default SideMenu content selector in the editor.
 * Button text and hamburger icon controls.
 * Block styling support for color, typography, spacing, dimensions and borders.
 * Responsive sliding panel with cover overlay and close button.
 * Developer filters for default content and panel settings.

#### How to use the SideMenu block

 1. Go to “SideMenus” in the WordPress admin and add the content you want to show in
    the sliding panel.
 2. Add the “SideMenu Open Button” block to a post, page, template or template part.
 3. Set the button text and choose whether to show a hamburger icon.
 4. Choose the default SideMenu content from the editor’s SideMenu settings panel.

The free block uses one default SideMenu content item. Developers can filter the
block content ID with the `sidemenu_block_content_id` filter.

#### Classic theme and classic SideMenu support

Classic SideMenu features are still available when your site uses a classic theme,
or when the plugin detects existing classic SideMenu usage. This keeps existing 
shortcodes, widget sidebars, menu locations, mobile menu hijacks and Customizer 
settings working while giving block themes a cleaner setup path.

On classic themes, SideMenu loads the original Customizer-driven runtime. This provides
the traditional SideMenu sidebar, menu location, shortcode, mobile menu hijack options
and classic styling controls.

If you move an older site to a block theme, SideMenu checks for existing classic
usage and keeps the classic runtime available when it finds classic SideMenu blocks,
shortcodes, open links, widgets, menu locations or mobile menu hijack settings.

#### How to use the [sidemenu] shortcode

Classic shortcode support is still available when the classic runtime is active.

 * Use `[sidemenu]` to show the default button.
 * Use `[sidemenu]My Button Title[/sidemenu]` or `[sidemenu title="My Button Title"]`
   to show your own button text.
 * Use `[sidemenu class="my-class" title="Filtered SideMenu Button"]` to show a 
   button that only displays classic widgets or menu items with the specified class.

To add a class to a menu item, go to “Appearance – Menus”, open “Screen Options”
and enable “CSS Classes”. To add a class to a block widget, select the block in “
Appearance – Widgets”, open the “Advanced” panel and use “Additional CSS class(es)”.

#### How to open SideMenu from a link

To use a normal link as a SideMenu button, give it the `open_sidemenu` class:

    ```
    <a href="#" class="open_sidemenu">Example Link</a>
    ```

To use an anchor link, set the link URL to `#open_sidemenu`.

For classic filtered content, add a dash and the class name to the anchor. For example,`#
open_sidemenu-testclass` opens SideMenu and shows classic content marked with the`
testclass` class.

#### Supported mobile menu hijacks

SideMenu can hijack the existing mobile menu button in a range of themes, including:

 * Astra
 * Auction Theme (AT10)
 * Avada
 * Avanam
 * BeTheme
 * Divi
 * Genesis Block Theme
 * Genesis Framework
 * Inspiro
 * OKAB
 * Twenty Seventeen
 * Twenty Twenty
 * Twenty Twenty-One
 * Twenty Twenty-Two
 * Varia and child themes such as Rockfield

## Blocks

This plugin provides 1 block.

 *   SideMenu Open Button Block to show the open SideMenu button.

## Installation

 1. Install “SideMenu” automatically from the WordPress plugin directory, or upload
    the plugin ZIP file.
 2. Activate the plugin from the “Plugins” screen in WordPress.
 3. For block themes, add your panel content under “SideMenus” and place the “SideMenu
    Open Button” block where you want the button.
 4. For classic themes, add the SideMenu button to a menu, widget or post, then add
    widgets to the SideMenu sidebar or assign a menu to the SideMenu display location.
 5. Adjust any classic settings in “Customizer – SideMenu” when classic mode is active.

## FAQ

### Where are the SideMenu settings?

For block themes, reusable SideMenu content is managed under “SideMenus” in the 
WordPress admin. The default SideMenu content can be chosen from the editor’s SideMenu
settings panel.

For classic themes and existing classic SideMenu usage, settings are available in“
Customizer – SideMenu”.

### Why can I not see the classic Customizer settings on my block theme?

On block themes, SideMenu only loads the classic Customizer settings when a classic
trigger is detected. Add and save a classic SideMenu block, shortcode or `open_sidemenu`
trigger in published content, an active widget area or an assigned classic navigation
menu, or enable the mobile menu hijack setting if your site still needs the classic
runtime.

### Can different buttons open different SideMenu content?

Classic SideMenu buttons can filter widget and menu content by class. The free SideMenu
block uses one default SideMenu content item.

### Does SideMenu still support widgets and menus?

Yes. Widget sidebar and menu location support remain available through the classic
runtime.

## Reviews

![](https://secure.gravatar.com/avatar/40740b02b87a98266311a7418a9832d33fca5dd05768511759d7734c83ba301e?
s=60&d=retro&r=g)

### 󠀁[Brilliant plugin!](https://wordpress.org/support/topic/brilliant-plugin-553/)󠁿

 [thulag](https://profiles.wordpress.org/thulag/) ଜୁନ୍ 9, 2025 1 reply

Great plugin. and best support I’ve come across on wordpress.org

![](https://secure.gravatar.com/avatar/8c6cce12918011b0b91ec17f332a25f0422a64229ea24f62c3edd203cd03d106?
s=60&d=retro&r=g)

### 󠀁[Amazingly straightforward](https://wordpress.org/support/topic/amazingly-straightforward/)󠁿

 [rogb](https://profiles.wordpress.org/rogb/) ଡିସେମ୍ବର 9, 2024 1 reply

Found this plugin by chance – Does exactly what it says on the tin!! Amazing support,
almost instant replies. Let’s face it… In this industry this is just what you need!
Oliver was extremely supportive with my newbie questions.

![](https://secure.gravatar.com/avatar/f926ef06c1ede3ea46abf0af59d8bad3e55362d1f1fc4d239ce1a6a3df154f90?
s=60&d=retro&r=g)

### 󠀁[Top quality plugin and support](https://wordpress.org/support/topic/top-quality-plugin-and-support-3/)󠁿

 [swivelsupport](https://profiles.wordpress.org/swivelsupport/) ମାର୍ଚ୍ଚ 28, 2024
1 reply

Excellent plugin and really good support, could not recommend highly enough.

![](https://secure.gravatar.com/avatar/f35a45fa5f16855f85ac29861a93d73eea32985e1726f423a9d24c6c23e5fff5?
s=60&d=retro&r=g)

### 󠀁[Excellent Side Menu Plugin!!](https://wordpress.org/support/topic/excellent-side-menu-plugin/)󠁿

 [ellieadco](https://profiles.wordpress.org/ellieadco/) ଫେବୃୟାରୀ 8, 2023 1 reply

This plugin is excellent, and the support team is incredible! My client wanted a
very specific, niche-in-style side menu, and this plugin made it very easy to created
and customize to the client’s exact specifications. Saved me hours of custom coding,
and I couldn’t be happier. Highly recommend!

![](https://secure.gravatar.com/avatar/7e3343bc668d0a70d8e5f6ad9ccc6a85594b8d1ba24d0c58dbca6ff15bafd8fe?
s=60&d=retro&r=g)

### 󠀁[I recommend buying the plugin in the PRO version, the author of the plugin is a](https://wordpress.org/support/topic/i-recommend-buying-the-plugin-in-the-pro-version-the-author-of-the-plugin-is-a/)󠁿

 [wolnosc95](https://profiles.wordpress.org/wolnosc95/) ଡିସେମ୍ବର 6, 2022 1 reply

Fast support <3 Quick introduction of new feature <3 Very good plugin and cheap 
plugin <3 Advantages only 🙂 I recommend buying the plugin in the PRO version, the
author of the plugin is a professional 🙂

![](https://secure.gravatar.com/avatar/6ab6baeca0c2c28aa25a7b47b2ae744450a9ed02e2a6571b005d9a4c77e4f41b?
s=60&d=retro&r=g)

### 󠀁[Best support, vert great plugin](https://wordpress.org/support/topic/best-support-vert-great-plugin/)󠁿

 [incwise](https://profiles.wordpress.org/incwise/) ଜୁଲାଈ 11, 2022 1 reply

You can do anything you want with this plugin to create awesome side menus. Support
is ultra-fast and they even update plugin for my request, they care about customers.
Mobile friendly, you can use different page builders (exmp. Divi) and many more 
features. Indrek veebihai.ee

 [ Read all 24 reviews ](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Contributors & Developers

“SideMenu” is open source software. The following people have contributed to this
plugin.

Contributors

 *   [ Oliver Campion ](https://profiles.wordpress.org/domainsupport/)

“SideMenu” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/sidemenu/contributors)
for their contributions.

[Translate “SideMenu” into your language.](https://translate.wordpress.org/projects/wp-plugins/sidemenu)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/sidemenu/), check out
the [SVN repository](https://plugins.svn.wordpress.org/sidemenu/), or subscribe 
to the [development log](https://plugins.trac.wordpress.org/log/sidemenu/) by [RSS](https://plugins.trac.wordpress.org/log/sidemenu/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 2.0

 * Added a block-first SideMenu workflow with reusable SideMenu content.
 * Added SideMenu content management and default content selection for the block
   editor.
 * Improved compatibility with block themes while preserving classic SideMenu usage
   when detected.
 * Updated plugin metadata and Plugin Check compatibility.

## Meta

 *  Version **2.0**
 *  Last updated **5 days ago**
 *  Active installations **900+**
 *  WordPress version ** 6.2 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.0 or higher **
 *  Languages
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/sidemenu/) and [English (US)](https://wordpress.org/plugins/sidemenu/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/sidemenu)
 * Tags
 * [mobile menu](https://ory.wordpress.org/plugins/tags/mobile-menu/)[off-canvas menu](https://ory.wordpress.org/plugins/tags/off-canvas-menu/)
   [side menu](https://ory.wordpress.org/plugins/tags/side-menu/)[sidebar menu](https://ory.wordpress.org/plugins/tags/sidebar-menu/)
   [sliding menu](https://ory.wordpress.org/plugins/tags/sliding-menu/)
 *  [Advanced View](https://ory.wordpress.org/plugins/sidemenu/advanced/)

## Ratings

 4.8 out of 5 stars.

 *  [  22 5-star reviews     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/sidemenu/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Contributors

 *   [ Oliver Campion ](https://profiles.wordpress.org/domainsupport/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/sidemenu/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://webd.uk/product/sidemenu-block-upgrade/)