Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This article covers how to setup Accordions within the Classic Editor
or the Block Editor.

Anchor
classic-editor
classic-editor
Classic Editor

Create a new Visual Editor widget in Page Builder for each item in the accordion.

...

  1. When using the Page Builder editor, begin by adding a Post Loop widget.

  2. Enter a title for the accordion section and ensure that the Template is set to content-accordion.php from the dropdown menu.

  3. template dropbown

    Establish the parameters for the post loop by selecting the type of post you wish to display, along with how you’d like those posts to be ordered. If you have many posts, you might consider using the Posts per Page field to limit the amount of posts that get displayed.

  4. Visit the published page to view the accordions, editing the loop settings if needed.

Anchor
block-editor
block-editor
Block Editor

  1. Select UC Accordion Block

  2. Add Title

    1. Modify Settings and Styles

  3. Add Content

    1. Modify Settings and Styles

  4. Click on Add Accordion

    1. This is the same as selecting the UC Accordion Item Block

...

You can also add these accordionsto a sidebar. To do so, navigate to the Appearance → Widgets screen in your dashboard, add a Post Loop widget to the sidebar of your choice, and then follow the instructions above.

...