How to Create an Accordion in a Theme Genesis (Video)

Subscribe to my channel:  

Sometimes we want to create a content with the typical tabs that when clicking on them the content is displayed.

As an example here is what I mean:

Tab01

Content Tab 01

tab 02

Content Tab 02

tab 03

Content Tab 03

 

It is a very useful functionality when we want to create content with questions and answers or any other content that has a headline and a broad description.

How is it done? The method I explain is for a template that uses the Genesis Framework how is my case

We have to download the plugin Genesis Club LiteOnce activated, an item that says "Genesis Club lite" will appear in the side menu of our administrator area. In that menu we will have the general options of the plugin.

To create the accordion we have 2 options:

- Create a Page

– All the posts of a category that appear in the form of an accordion.

Creating a page:

We create a page in the normal way but we have to activate an option that has appeared new, it is at the end of the page edition. Here a screenshot:

genesis-club-options

Once activated, we only have to create the content of the tabs as follows:

Tab3
Content Tab 01
tab 3
Content Tab 02
tab 3
Content Tab 03

In the video below you can see it more clearly.

 

The second option to create an accordion is with a category, go to Posts–>Categories and edit the category you want to convert into an accordion:

edit-wordpress-category

 

And once inside the edition we mark the following option:

accordion-settings

 

And the result is the following:

accordion-category

2 comments on “How to Create an Accordion in a Theme Genesis (Video)”

    • Thank you for the comment,
      From scratch you always have more freedom, although taking the Genesis framework as a base is also a good starting point 😉
      regards
      Oscar

Leave a comment