OffCanvas / Drawer – Drawer Plugin for WP

July 17, 2024

OffCanvas / Drawer – Drawer Plugin for WP Plugin

Sidebar drawer that can be toggled via a button.

OffCanvas is a sidebar drawer that can be toggled via a button to appear from the left, right, or bottom edge of the viewport.

Demos

Features

  • Position: Set OffCanvas position(left, right, top and bottom).
  • Button Style: Apply button align, typography and colors(text and background).
  • Popup Style: Add background property such as color, gradient or image.
  • Popup Header Style: Apply header title typography and color. Also, color in the close icon.
  • InnerBlocks: InnerBlocks in the popup area for custom content as per your requirements.
  • Library Use: Bootstrap, React Bootstrap.

How to use

  • First, install the OffCanvas Block plugin
  • Add the OffCanvas Block from the block category called “Widgets” in the Gutenberg editor.
  • You can change block settings from the right-side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab

Feedback

⭐ Check out the Parent Plugin of this plugin-

🔥 B Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 Document Embedder – Best WordPress Document Embedder Plugin.

🔥 3D Viewer – Display interactive 3D models on the webs.

🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

Installation

From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For OffCanvas Block
  3. Click on the OffCanvas Block to add the block

Download & Upload:

  1. Download the OffCanvas Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the offcanvas-block.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

  1. Download and upload the OffCanvas Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

Screenshots

  1. Settings

    Settings

  2. OffCanvas Right

    OffCanvas Right

  3. OffCanvas Bottom

    OffCanvas Bottom

FAQ

Is OffCanvas Block free?

Yes, OffCanvas Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here

Changelog

1.0.0

  • Initial Release

Details

  • Version: 1.0.0
  • Active installations: 100
  • WordPress Version: 6.2
  • Tested up to: 6.6.1
  • PHP Version: 7.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars