Offcanvas block is a collapsible sidebar or menu. You can use the latest GutenKit Offcanvas block and create a user-friendly and space-saving way to organize and present additional content on your website easily.

Let’s learn how Offcanvas block works.

How can you use offcanvas block? #

WordPressダッシュボードへのアクセス –

• 探す ページ/投稿 > 新しいページ/投稿を追加 または、ブロック エディターを使用して既存のページの編集を開始します。
• 「+エディター画面の右側または上部にある「 」アイコンをクリックします。
• ブロックメニューが表示されるので、「オフキャンバス”。
• 表示されたらクリックするか、ブロックエディター画面にドラッグ＆ドロップします。

コンテンツ部分の編集 #

• Overlay Color – Here, you can change color, select Hamburger or Closed style.
• Menu Type – The types are, Icon, Text, and Icon with Text. Depending on the type you’ get options to choose icon, and write text .
• Disable Scroll – You can disable body scrolling, it only works for frontend.

Editing style #

• Offcanvas – 選んでいいですよ Hamburger or Closed style. Then, you will see the options of setting アイコンサイズ, 色, 背景の種類, 国境, 国境 Radius, 位置合わせ、 そして ボックスシャドウ.
• Offcanvas Panel – With this option you can adjust Width, Background Type, Position, and Padding.