The solution consists of a combination of two parts::
1. The Likno Web Accordion Builder Add-in
This already exists inside your Likno Web Accordion Builder installation (v2.0.200 or above only - no need to download and install separately), and can be accessed through the following menu:
You can use the add-in to compile the accordion for use on your WordPress pages.
2. The WordPress Plugin
This is the plugin that you need to install on your WordPress blog.
Through the plugin you can upload the files of your accordion, choose whether or not an anchor element will be printed and finally choose the positioning method of it.
The Wordpress plugin supports 3 accordion positioning methods:
- "Shortcode" method: This means that you can add this accordion inside the post or page that you want, using the visual editor. You will find the appropriate button there. Just click it and select the accordion you want from the list. The accordion will appear only on the single view of your page/article. However, there is an option 'Show accordion everywhere' that enables you to show this accordion in every place that this page/article shows(for example a category archive view etc...).
Note: If you cannot find your accordion there, please make sure that it's 'Active'. Also you should check that it's positioning method is set to "Shortcode".
- "Template tag" method: Using this method you should copy and paste the generated code, inside the template file (for example header.php) that you want your accordion to appear.
- "Widget" method: A widget instance of the selected accordion is initially created and found in the widgets administration page (should be at 'YOURSITEURL/wp-admin/widgets.php'), under the "Inactive Widgets" section. Just drag this widget instance and drop it inside the Widget Area that you want.
Note: You should keep in mind that actual accordion positioning is handled by the Likno Web Accordion Builder software. For example if you create a '"Floating" over page'" accordion, which is set as "Relative to Window", no matter which "Positioning Method" you choose from the Likno Web Accordion WordPress Plugin the accordion will always appear relative to window.
The Wordpress plugin also has an option to print or not an html anchor element which should match the Element ID you selected for the Likno Web Accordion Builder project: