With the help of BetterDocs, you can configure your documentation homepage & single page by using its advanced doc page design features, and ready theme layouts without coding. Follow this step by step guideline below to find out how to configure the Documentation Homepage & Single Page with BetterDocs.
Step 1: Configure The Built-in Documentation Page #
Assuming, you have installed & activated BetterDocs on your WordPress site. First, navigate to check the BetterDocs Settings →General →Enable Built-in Documentation Page. However, you can choose to disable it at any moment and use your preferred layouts through shortcodes or page builder widgets.
Step 2: Configure Documentation Homepage & Single Page #
Afterward, open your WordPress Dashboard and navigate to BetterDocs→Settings→Layout. From here you can see three separate sections for your documentation layouts, and these are Doc Page, Single Page & Archive Page. You can make the changes to any or all of these documentation layouts as per your preference.
From BetterDocs→Layouts→Doc Page, you have the full freedom to toggle on/off any of the features like Live Search, Search Result Image, Enable Masonry, Order Docs Post/Category Alphabetically, Number of Subcategories/Columns/Posts, Enable Post Count, Enable Explore More Button, and more. If you wish to use any other Button label, simply write in the text inside the ‘Button Text’ field.
Once you are done tweaking the Documentation Homepage you will have something like this. You can learn more by checking out this separate doc on the Documentation Homepage.
Next to configure the Documentation Single Page from BetterDocs Settings→Layout→Single Doc. There you can get along with all the features like Enable Table of Contents (TOC), TOC Hierarchy, TOC List Number, Enable Sticky TOC, Content Offset, TOC Supported Heading Tag, Enable Breadcrumb, Breadcrumb Home Text, Breadcrumb Home URL, and more. These options here are self-explanatory and you can enable/disable the features by using the toggle button.
Once you are done adjusting the layout of your Single Doc Page should look something like this. You can get more details by checking out this documentation on Doc Single Page.
Now if you go to the next section of the BetterDocs Settings→ Layouts→ Archive Page. From there, you can enable/disable ‘Enable Sidebar Category List’ and make the changes there.
Step 3: Customize The Design of Documentation Page #
To customize the design of your knowledgebase documentation, navigate to the BetterDocs Settings→ Design →Customize BetterDocs.
After clicking on the customize button, you will directly redirect to your WordPress Customizing panel. Here, you have to choose BetterDocs that comes up with Doc Page, Single Page, Sidebar, Archive Page, & Live Search options. You can make the changes to your overall documentation layouts from there.
To change the outlook of your documentation homepage, go to the BetterDocs →Doc Page. You can get the first two ready layouts out of four on BetterDocs free with other styling options that are available there to change the documentation homepage outlook.
Note: If you purchase BetterDocs Pro, you can unlock all of these exclusive ready layouts, and other styling features to design your Documentation Doc Page, & Single Page, and more in advance.
Next, you can configure the BetterDocs →Single Doc Page with this one ready theme designs out of three that comes free, and other advanced styling options are present there to make the changes on your Single Doc Page layouts.
Even you can change the entire outlook of the Sidebar, Archive Page, & Live Search background color, text color, typography, margin, and more. Just go to each of these sections and make the changes according to your needs.
By simply following all the above steps, you will be able to create and design your documentation Doc Page & Single Doc Page with BetterDocs on your WordPress website.
That’s how you can simply configure and design the Documentation Homepage & Single Page with BetterDocs.
Getting Stuck? Feel free to contact our dedicated support team for further assistance.
