KB Layouts
This article describes how you can switch between layouts for a KB Main Page. Available layouts:
Basic Layout
A great traditional layout for regular sized knowledge bases.
We use this layout on our other product Help Dialog, which by the way is a great compliment to the knowledge base. You can see the live example here of the Knowledge base.
Here are our demo's.
Note: In the screenshot the search box is our Pro add-on the Advanced Search.
Tabs Layout
A great layout for larger sized knowledge bases, that require tabs to separate other products.
We use this layout on our other documentation page to separate between our add-ons and the core free plugin. You can see the live example here of the Knowledge base.
Here are our demo's.
Note: In the screenshot the search box is our Pro add-on the Advanced Search.
Category Focused Layout
A great layout for layouts that are more category focused. This provides a article counter beside the category title and a category focused sidebar.
Here are our demo.
Grid Layout ( PRO )
A clean layout that showcases the top categories. Users then can choose their initial topic and start reading the documentation.
Here are our demo's.
Requires the Elegant Layouts Add-on.
Note: In the screenshot the search box is our Pro add-on the Advanced Search.
Sidebar Layout ( PRO )
A layout that is geared toward the sidebar, the main page has an intro text and immediately shows all the articles in the sidebar.
Here are our demo's.
Requires the Elegant Layouts Add-on.
Note: In the screenshot the search box is our Pro add-on the Advanced Search.
There are two ways to configure the KB:
- Method 1: the Settings admin page has basic settings in a simple list format. It is a quick and easy way to configure the KB.
- Method 2: for advanced users, the Visual Editor to select sections of the page to modify using both basic and advanced settings.
Method 1: Settings Page - Basic Settings
Method 2: Visual Editor - All Settings
Open the Visual Editor
Go to the KB Configurations > Settings and
- Select the Full Editor tab
- Click on the Change Style button for the Main Page.
Visual Editor Settings
- Click on the Gear Icon at the top
- Click on Layouts
- Choose the layout you wish to change.
- Click save.
For Visual Editor Settings instructions click here.
This article's heading and steps are built with our Creative Addons plugin.
