I worked on several project recently where the owner requested a page with accordion style Frequently Asked Questions(FAQs). There are plugins that make set up and maintenance of the accordion style FAQ pretty simple.
However, I experimented with an alternative solution to reduce the total overall number of plugins used on a website while I was creating an FAQ page for a different client. The new client website already had an FAQ section set up as a simple page with normal text and headline text which worked reasonably well. There were only a handful of questions. However, the page would likely start to get clumsy as the business expanded and more questions were added.
Because Conductor plugin* was being used to organize and display other areas of the website already, using Conductor for the FAQ section seemed to be a natural fit.
In the demo video that corresponds to this post, I will show several alternative configurations for the FAQ area. None of the configurations is an exact duplicate of the accordion effect but each delivers the answers in an effective fashion. Choose the Conductor configuration that best fits with the flow of your website.
What you need to do before you get started :
- Be using a WordPress powered website that can accept plugin installations (i.e. WordPress.com accounts will not work)
- Have Conductor plugin blogger version or higher installed and activated
- Create and publish several posts that represent your questions and answers. Post Title=Question Main Content Area=Answer
- Option 1: Use regular posts with category FAQ
- Option 2: Create a new custom post type for FAQs
- An empty published page available to display the posts or custom post types you have created.
- CSS class set up in your child theme style.css file to customize the display or in a CSS editor
*this is an affiliate link. as of publish date of this post, there is a discount code available Symphony20