Accordions are a very popular feature on the internet. They allow to present a maximum of contents in a reduced space. In general, they are in the form of drop-down menus that are displayed in turn after a click.
In this tutorial, you will learn how to create accordions on your blog using the Accordion's plugin On WordPress.
But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog
Then back to why we are here.
How to install the Accordion's WordPress plugin
The first thing to do is to download the plugin on WordPress.org, you can alsoAdd from your WordPress dashboard.
How to create an accordion
After installing and activating the plugin, a new menu will appear on the dashboard menu. Click on " New Accordions To create a new accordion.
On this new page, identical to the article creation page, you will be able to save a title and configure the accordion in the " Options ».
So much to see... 10 WordPress plugins to create tabs on your blog
With regard to this section, it is composed of several elements.
At the very top, you have the shortcode corresponding to the current accordion, copy it because we will use it later in an article or a page. We will start by creating content by clicking on the tab " Content ».
Learn how to reproduce layouts by discovering How to duplicate an article or a page on WordPress
On this tab, you will be able to add a title, and a content. To add a new item to the accordion, you must click on the button " Add To add a new online form with a title and content.
On the tab Style You can choose a style that applies to the accordion: theme, background, icon, background color, or open tab background.
See also How to customize the CSS of your WordPress website
The default colors need to be changed because the background color and text are quite similar. Accordions Font Color Header " and " Default Background Color ».
After finishing your settings, do not forget to save your accordion. To the place " Accordions >> Accordions "(that is, the first page of the plugin), where you can manage the different accordions available.
How to add an accordion to an article
In reality, it is possible to add as many accordions in an article. You must each time recover the accordion shortcode and add them to an article or a page.
Check your page to see how your new accordion looks.
I'm sure you can do better than me in the color game. Train and your potential will be revealed.
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. WP Pro Forum System
WP Pro Forum system is a WordPress Plugin which allows you to add a beautiful and user-friendly forum to your website. It has plenty of powerful features that allow it to create a forum with a professional look.
The forum is created to run on the public interface of your website, but administrators can manage all forums, topics, answers, categories, and labels from the dashboard.
In addition, WP Pro Forum system has certain advantages such as functional translation thanks to mo / po files included, the integration of many models to suit the look of your website or even custom filters included.
Download | Demo | Web hosting
2. Ultimate Membership Pro
Ultimate Membership Pro is a great WordPress Plugin subscription and content restriction. It allows users to be managed according to their package (free or paid) by creating exclusive access levels.
It will therefore be possible to protect all the content of your website, or just part of it. It will be for example a course, a lesson, a page, a product, a category, an image, etc ...
Its main functionalities are among others: content protection, multiple access levels, support for multiple Payment gateways -PayPal, Authorize.net, Stripe, 2CheckOut, Bank Transfer-, partial content protection, and much more ...
Download | Demo | Web hosting
3. Cube Portfolio
Cube Portfolio is a WordPress Plugin grid template that offers a powerful portfolio, beautiful animated filtering, custom captions, etc. It is perfect for portfolio projects, image galleries, team members, blog posts, or any other content organized in a grid.
Thanks to the real-time creation tool template, you can control all aspects of the plugin: colors, fonts, dimensions, spacing, borders, etc.
It is super easy to use for beginners and very customizable for advanced users.
Download | Demo | Web hosting
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- How to make an external link with the title of a WordPress article
- How to find the login URL of your WordPress blog
- How to fix the media library that no longer works on WordPress
- How to create beautiful transitions of pages on WordPress
Conclusion
Here! That's it for this tutorial on integrating an accordion on WordPress. We hope this article has helped you learn how to create them and how to configure them. Feel free to share this tutorial with your friends on your favorite social networks.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
If you have suggestions or remarks, leave them in our section Comments.
...
