Adding an Accordion Section Using the Code Editor

If the “+” button isn’t working to add a new section to your Accordions block, you can easily add one by editing the block’s HTML.

Detailed Steps

  1. Select the Accordions Block: Click on the Accordions block you wish to modify.
  2. Switch to the Code Editor View:
    • Click the three-dot menu (⋮) in the top-right corner of the Page editor.
    • Select “Code editor” from the dropdown.
  3. Find the Section Where You Want to Add a New Accordion:
    • Look for the block of code that starts with:
        <!– wp:washu/accordions –>
  4. Copy the Existing Section: You will see the underlying code for your accordion.
    • Each section starts with <!– wp:washu/accordions –> and ends with <!– /wp:washu/accordion –>
    • Highlight and copy the entire code for one of the existing sections.
  5. Paste the Code: Place your cursor at the end of the last <<!-- /wp:washu/accordion --> tag and press Enter/Return to create a new line. Paste the code you just copied. You have now duplicated an accordion item.
  6. Switch Back to Visual Editor: Click the three-dot menu (⋮) again and select “Visual Editor“ to return to the standard block view.
  7. Edit the New Section: You will now see a new accordion item at the bottom. Simply click on its title and content to replace the placeholder text with your own.

This workaround allows you to continue adding sections to your accordions until the bug is officially fixed.