Print

KB Layouts

Created On
Updated On
By:Dave
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Views175

This article describes how you can switch between layouts for a KB Main Page. Available layouts:

Module Layout

The Modular Layout allows users to customize the placement of the search box, categories and articles, FAQs, as well as new and updated articles.

For example, decide whether you would like to display a list of new articles and determine where on the page the list should be shown

Click here to learn more

 

Click to zoom

Basic Layout

The Basic Layout displays articles and categories in rows and columns. The number of columns, listed articles, and many other features of the page can be customized.

Here are our demo's.

  1. Demo 1
  2. Demo 2


Note:  In the screenshot the search box is our Pro add-on the Advanced Search.

Click to zoom

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.

  1. Demo 3
  2. Demo 4

 

Note:  In the screenshot the search box is our Pro add-on the Advanced Search.

Click to zoom

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.

  1. Demo 5
Click to zoom

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.

  1. Demo 6
  2. Demo 7

 

Requires the Elegant Layouts Add-on.

Note:  In the screenshot the search box is our Pro add-on the Advanced Search.

Click to zoom

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.

  1. Demo 8
  2. Demo 9

Requires the Elegant Layouts Add-on.

Note:  In the screenshot the search box is our Pro add-on the Advanced Search.

Click to zoom

How To Change The Main Page Layout

Copy the URL link to this section to share

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

  • Go to the KB configurations
  • Open Settings tab
  • Open Main Page tab
 

For more instructions click here.

Main Page Settings
Click to zoom

Method 2: Visual Editor

Step

Open the Visual Editor

Go to the KB Configurations > Settings and

  1. Select the Full Editor tab
  2. Click on the Change Style button for the Main Page.
Click to zoom
Step

Visual Editor Settings

  1. Click on the Gear Icon at the top
  2. Click on Layouts
  3. Choose the layout you wish to change.
  4. Click save.

 

For Visual Editor Settings instructions click here.

Click to zoom
Theme Support

If you need more help with your theme template structure, it's best to get in touch with the theme company directly.

About this Article

This article's heading and steps are built with our Creative Addons plugin.

Get free Creative Addons for articles
Warning, Tip, Notice, or Information.
Write a short description to inform or warn users, or to provide more details.
Views175
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Table of Contents
View Add-ons