Title: SideMenu
Author: Oliver Campion
Published: <strong>18 d'octubre de 2019</strong>
Last modified: 29 de juny de 2026

---

Cerca extensions

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

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

# SideMenu

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

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

 * [Detalls](https://ca.wordpress.org/plugins/sidemenu/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/sidemenu/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/sidemenu/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/sidemenu/#developers)

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

## Descripció

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

## Blocs

Aquesta extensió proporciona 1 bloc.

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

## Instal·lació

 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.

## PMF

### 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.

## Ressenyes

![](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 de juny de 2025 1 resposta

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 de desembre de 2024 1 resposta

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 de març de 2024
1 resposta

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 de febrer de 2023 1 resposta

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 de desembre de 2022 1 
resposta

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 de juliol de 2022 1 resposta

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

 [ Llegiu totes les 24 ressenyes ](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Col·laboradors i desenvolupadors

«SideMenu» és programari de codi obert. La següent gent ha col·laborat en aquesta
extensió.

Col·laboradors

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

“SideMenu” s’ha traduït a 1 configuració regional. Gràcies als [traductors](https://translate.wordpress.org/projects/wp-plugins/sidemenu/contributors)
per les seves aportacions.

[Traduïu «SideMenu» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/sidemenu)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/sidemenu/), baixeu-
vos el [repositori SVN](https://plugins.svn.wordpress.org/sidemenu/), o subscriviu-
vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/sidemenu/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/sidemenu/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 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

 *  Versió **2.0**
 *  Darrera actualització **fa 3 setmanes**
 *  Instal·lacions actives **1.000+**
 *  Versió del WordPress ** 6.2 o posterior **
 *  Provada fins a **7.0.2**
 *  Versió del PHP ** 7.0 o posterior **
 *  Idiomes
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/sidemenu/) i [English (US)](https://wordpress.org/plugins/sidemenu/).
 *  [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/sidemenu)
 * Etiquetes
 * [mobile menu](https://ca.wordpress.org/plugins/tags/mobile-menu/)[off-canvas menu](https://ca.wordpress.org/plugins/tags/off-canvas-menu/)
   [side menu](https://ca.wordpress.org/plugins/tags/side-menu/)[sidebar menu](https://ca.wordpress.org/plugins/tags/sidebar-menu/)
   [sliding menu](https://ca.wordpress.org/plugins/tags/sliding-menu/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/sidemenu/advanced/)

## Valoracions

 4.8 sobre 5 estrelles.

 *  [  22 valoracions de 5 estrelles     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=5)
 *  [  0 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=4)
 *  [  1 valoració de 3 estrelles     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=3)
 *  [  0 valoracions de 2 estrelles     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=2)
 *  [  1 valoració de 1 estrelles     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=1)

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

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Col·laboradors

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

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/sidemenu/)

## Feu una donació

Voleu ajudar a què l’extensió millori?

 [ Feu una donació a aquesta extensió ](https://webd.uk/product/sidemenu-block-upgrade/)