Activate Both Sidebars

  • Resolved dragonsway76

    (@dragonsway76)


    2 years, 3 months ago

    Hi there Matteo

    I am interested in using your theme on a project that requires both left and right sidebars.

    Although, left and right sidebars are defined in your theme, I do not know how I can activate the sidebars for pages in the FSE interface or gutenberg interface.

    I only see options for a default single column interface.

    How can I activate / apply both sidebars to pages?

    Thanks for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Matteo Marchiori

    (@matteomarchiori97)

    Hi @dragonsway76 , thank you for your question.

    As FSE does not have the concept of widget sidebars anymore (because everything becomes a block, so a sidebar itself is a group block where you can put inside other blocks) I inserted two block patterns under sidebars that are one for the left and one for the right.

    It is not so easy to fill them once you place both of them in a page, because the graphical interface of FSE does not help with fixed position content.

    At this time, I suggest you to place the block pattern for the left sidebar, fill it, then place the right one, and fill it (on the FSE editor they will figure both on the left, but they are not, just try and you will see on the page where you place them). Or you can place them by using the code view.

    Another option at this time is to open the customizer, and on the speed options you will see some flags related to FSE and Gutenberg. You can decide to use the classical version of the theme also on the newest version of WordPress (here sidebars are natively supported by WordPress).

    Feel free to write me if I can help you

    Theme Author Matteo Marchiori

    (@matteomarchiori97)

    An example with both of the sidebars on FSE with the code editor would be like this (you find it on the block patterns):

    <!-- wp:group {"className":"sidebar w3-sidebar w3-bar-block w3-container w3-theme-action","layout":{"type":"default"}} -->
<div id="secondary" class="wp-block-group sidebar w3-sidebar w3-bar-block w3-container w3-theme-action"><!-- wp:heading -->
<h2>Lorem Ipsum</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"sidebar w3-sidebar w3-bar-block w3-container w3-theme-action","layout":{"type":"default"}} -->
<div id="primary" class="wp-block-group sidebar w3-sidebar w3-bar-block w3-container w3-theme-action"><!-- wp:heading -->
<h2>Lorem Ipsum</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Activate Both Sidebars’ is closed to new replies.