Title: SideMenu
Author: Oliver Campion
Published: <strong>18 outubro, 2019</strong>
Last modified: 14 agosto, 2026

---

Pesquisar plugins

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

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

# SideMenu

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

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

 * [Detalhes](https://br.wordpress.org/plugins/sidemenu/#description)
 * [Avaliações](https://br.wordpress.org/plugins/sidemenu/#reviews)
 *  [Instalação](https://br.wordpress.org/plugins/sidemenu/#installation)
 * [Desenvolvimento](https://br.wordpress.org/plugins/sidemenu/#developers)

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

## Descrição

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

## Blocos

Este plugin disponibiliza 1 bloco.

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

## Instalação

 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.

## Perguntas frequentes

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

## Avaliações

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

### 󠀁[Nice plugin](https://wordpress.org/support/topic/nice-plugin-5462/)󠁿

 [Brian Thompson](https://profiles.wordpress.org/unzcrypt/) 8 agosto, 2026 1 resposta

Good stuff, thank you

![](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 junho, 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 dezembro, 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 março, 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 fevereiro, 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 dezembro, 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 🙂

 [ Leia todas as 25 avaliações ](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Colaboradores e desenvolvedores

“SideMenu” é um programa de código aberto. As seguintes pessoas contribuíram para
este plugin.

Colaboradores

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

SideMenu” foi traduzido para 1 localidade. Agradecemos aos [tradutores](https://translate.wordpress.org/projects/wp-plugins/sidemenu/contributors)
por suas contribuições.

[Traduzir o “SideMenu” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/sidemenu)

### Interessado no desenvolvimento?

[Navegue pelo código](https://plugins.trac.wordpress.org/browser/sidemenu/), consulte
o [repositório SVN](https://plugins.svn.wordpress.org/sidemenu/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/sidemenu/)
por [RSS](https://plugins.trac.wordpress.org/log/sidemenu/?limit=100&mode=stop_on_copy&format=rss).

## Registro de alterações

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

 *  Versão **2.0**
 *  Última atualização **2 meses atrás**
 *  Instalações ativas **900+**
 *  Versão do WordPress ** 6.2 ou superior **
 *  Testado até **7.1.3**
 *  Versão do PHP ** 7.0 ou superior **
 *  Idiomas
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/sidemenu/) e [English (US)](https://wordpress.org/plugins/sidemenu/).
 *  [Traduzir para seu idioma](https://translate.wordpress.org/projects/wp-plugins/sidemenu)
 * Tags
 * [mobile menu](https://br.wordpress.org/plugins/tags/mobile-menu/)[off-canvas menu](https://br.wordpress.org/plugins/tags/off-canvas-menu/)
   [side menu](https://br.wordpress.org/plugins/tags/side-menu/)[sidebar menu](https://br.wordpress.org/plugins/tags/sidebar-menu/)
   [sliding menu](https://br.wordpress.org/plugins/tags/sliding-menu/)
 *  [Visualização avançada](https://br.wordpress.org/plugins/sidemenu/advanced/)

## Classificações

 4.8 de 5 estrelas.

 *  [  23 avaliações com 5 estrelas     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=5)
 *  [  0 avaliação com 4 estrela     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=4)
 *  [  1 avaliação com 3 estrela     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=3)
 *  [  0 avaliação com 2 estrela     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=2)
 *  [  1 avaliação com 1 estrela     ](https://wordpress.org/support/plugin/sidemenu/reviews/?filter=1)

[Sua avaliação](https://wordpress.org/support/plugin/sidemenu/reviews/#new-post)

[Ver todas avaliações](https://wordpress.org/support/plugin/sidemenu/reviews/)

## Colaboradores

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

## Suporte

Tem algo a dizer? Precisa de ajuda?

 [Ver fórum de suporte](https://wordpress.org/support/plugin/sidemenu/)

## Doar

Gostaria de contribuir para o desenvolvimento deste plugin?

 [ Doe para este plugin ](https://webd.uk/product/sidemenu-block-upgrade/)