Fully Optimized BetterDocs Plugin: Configuration Guide for Tag Search and Document Page Layout

BetterDocs It is a powerfulKnowledge Base PluginIt not only helps webmasters to easily create, manage and display help files, but also provides many customization features such asTag Search,Real-time searchand a rich set of design options for documentation pages. This article will detail how to configure and use the tabbed search feature in BetterDocs, which will allow you to quickly find the help you need and optimize the design of your documentation's home and single pages.

Step 1: Configure the Built-in Documentation Page

First make sure that you have installed and activated the WordPress website BetterDocs Plug-in. After installation, you can enable the built-in documentation page by following these steps:

1. Log in to the WordPress backend.
2. Navigate to BetterDocs → Settings → GeneralThe

3. In "conventional (weapons)" settings screen, locate the Enable Built-in Documentation Pages option and checking it off. If you don't want to use the built-in documentation page, you can also disable it by selecting theCustomize the layout with shortcodes or page builder widgetsThe

With the built-in document page enabled, theBetterDocs will automatically generate document homepages for websitesYou can further customize the layout and functionality of the document page as needed.

Step 2: Configure Document Home and Single Pages

BetterDocs provides highly customizable document home page and single page settings, and they can be configured by following the steps below:

Configuration Documentation Home

1. In the WordPress backend, navigate to BetterDocs → Settings → LayoutThe
2. In "documentation page"Under the tab, you see three sections:conventional (weapons),look for sth. respond in singing Sort by. In these sections, the following functions can be freely turned on or off:
   • Real-time search: EnableReal-time search functionThis enables users to instantly see search results as they type in their search terms.
   • Search Result Images: If you want the search results toShow document cover image, you can enable this feature.
   • Enabling masonry layouts: Allow Documentation HomeUsing a masonry layout, to enhance the visual effect.
   • Alphabetical Listing of Documents: Based onAlphabetical sorting of documentsThe

3. After customization is complete, your document home page may look similar to the one shown below, and you can make sure everything is set up correctly by looking at the individual documents on the home page.

Configuring Individual Documentation Pages

Next, you can configure individual pages for each document to provide a richer user experience.

1. switch to BetterDocs → Settings → Layout → Single DocumentThe
2. exist BetterDocs The plugin allows you to configure detailed page settings for each document. Here are some important options on how to configure individual document pages:
   • start usingbreadcrumb navigation(Breadcrumb)::
     In "Breadcrumb" section, you can choose to enable or disable breadcrumb navigation. Breadcrumb navigation helps users know where they are and allows them to quickly return to the parent page or home page.
     When enabled, the display of breadcrumbs can be customized:Breadcrumb Home Text: Set the display text of the home page link, the default is "Home".
     Breadcrumb Home URL: Set the URL for the home page link, usually a link to your site's home page (for example:(https://example.com).
   • Category and title display settings::
     Category on Breadcrumb: When this option is enabled, the breadcrumb navigation displays the category to which the document belongs.
     Title on Breadcrumb: When this option is enabled, the breadcrumb navigation will display the title of the current document, helping users to clarify which document they are viewing. See the following settings:
     • Table of Contents (TOC) enabled: Enable table of contents on document pages to help users quickly jump to the desired section.
     • TOC Hierarchy: Customize the hierarchical structure of the directory and control what the directory displays.
     • Enable Sticky TOC: Keeps the table of contents visible as the user scrolls through the page.
     • Enable breadcrumb navigation: Enable breadcrumb navigation at the top of the page to help users clearly understand where the current page is located.

Once these settings are completed, your individual document pages will provide a more user-friendly browsing experience.

Configure the archive page

1. switch to BetterDocs → Settings → Layout → Archived PagesThe
2. start using Sidebar Category List respond in singing nested subcategory, and adjust the page settings as needed.

Step 3: Customize the design of document pages

BetterDocs offers a variety of design options to customize the appearance of document pages based on branding styles.

1. Navigate to BetterDocs → Settings → Design → Customize BetterDocsThe

2. If you're not using a block-based theme, you can select "Customize in BetterDocs" in the old customizer.
3. Here, you can customize the overall layout of document pages, individual document pages, sidebars, archive pages, and more. The following can be changed:
   • background color: Customize the background color of document pages.
   • text color: Change the font color of the document title and body text.
   • Layout settings: Adjust typographic parameters such as font, line height, word spacing, etc.
   • Margins and padding: Customize the margins and padding of each section.

Step 4: Choose a ready-made layout

BetterDocs provides a variety of ready-made document page layouts, you can choose the one that best suits your needs:

1. exist Appearance → Customize →Docs Page Under, you can choose7There are different layouts for designing the document homepage (The free version uses two).
2. If you are using the BetterDocs ProYou can unlock more ready-made layout and style options to help you quickly design and configure document pages.

Step 5: How to Enable and Configure the Labeling Feature

BetterDocs provides a powerful feature that controls whether or not the single document page Showing labels that canQuickly find relevant documents based on tagsThe

summarize

pass (a bill or inspection etc) BetterDocs plugin, you can easily create and manage powerful knowledge bases with a personalized user experience. In this article, we explore how to configure Tag search functionIt also explains how to optimize the layout of the homepage and single pages of your knowledge base by enabling real-time search and breadcrumb navigation. It also describes how to optimize the document homepage and one-page layouts to make your knowledge base more efficient and easy to use by enabling real-time search, breadcrumb navigation, table of contents functionality, and custom design.