The ACF Tab & Accordion Title Icons plugin extends the ACF Tab and Accordion field settings to add an icon to the titel.
There are more than 240 icons you can use for your Tabs and Accordion titles. If you miss any icon, leave a comment in the support forum. If it’s not too fancy, I’ll add it in the next version.
Or use the possibility to add your own icon font. See instructions below.
In addition, the display of the title can be suppressed so that only the icon is displayed.
This plugin works only with the ACF PRO (version 5.6.7 or higher).
Localizations
- English
- Deutsch
Use your own icon font
The plugin offers the possibility to use your own icon font.
Generate your icon font with the free IcoMoon App.
Each icon should have an unique name in the icons options. Use the tags in the icon options for the name(s) of the icon shown in the selectbox on the ACF field settings.
Download your font and extract the zip file generated by IcoMoon.
In your (child) themes folder add a folder named ‘acf-title-icons’ and copy the ‘fonts’ folder, the ‘selection.json’ and the ‘style.css’ from the extracted zip file from IcoMoon into that folder.
After that, ACF Tab & Accordion Title Icons will use this icon font.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.