BetterDocs gives you the complete flexibility to configure and style your docs page with Elementor. You will get access to ready blocks, docs category archive page layouts with lots of free widgets to edit your Docs page with Elementor any way you want and create stunning designs in a few minutes.
Here’s a step-by-step guide on how to set up the Docs page with Elementor Theme Builder:
Примечание: Конструктор тем Elementor – это функция, которая доступна только с Elementor Pro. So to configure your Doc page with Elementor, make sure Elementor Pro is activated and installed on your WordPress dashboard.
From your WordPress dashboard and navigate to Templates→ Theme Builder. Click on the ‘Добавить новое’ button, select ‘Doc Archive’ as your template type and then click on the ‘Create Template’ button as shown below.
It will come up with a pop-up window that showcases BetterDocs ready blocks for Elementor. You can use these ready blocks to instantly create your docs archive page.
Click the ‘Insert’ button for any of the BetterDocs docs category archive page layouts. It will be displayed on your Elementor Editor just within a few moments.
BetterDocs also comes with ready blocks to design single docs in Elementor Editor. If you want to create one, you have to navigate to Шаблоны → Конструктор тем. Click on the ‘Добавить новое’ button, select ‘Single Doc’ as your template type and then click on the ‘Create Template’ button as shown below.
You will get a popup window that displays all the ready blocks to create your single docs page in Elementor Editor.
Next, you have to hit the ‘Insert’ button on any of the ready designs and it will show up within a few minutes on your Elementor Editor. Now you are completely free to make any changes according to your need.
Or if you want, you can also customize your docs category archive page from scratch by configuring different elements,
You just have to choose a single page archive or docs single page from your Elementor theme builder, and then you will be redirected to the Elementor Editor.
From the Elementor editor’s ELEMENTS tab, you will find BetterDocs elements to design your Docs page template. Drag and drop these widgets from the widget panel on the page as you need.
В Форма поиска документов element allows you to add a live search bar to your Docs page. Drag and drop this element wherever you’d like on your page.
The element is displayed on your page by default as shown below.
You can customize your Форма поиска документов from the ‘Контент’ tab. Under the ‘Поисковая строка’ section you will see options for changing the background type and color. You can add images, solid colors, or gradients for your background.
It is also possible to customize the “Поле поиска” section’s coloring, typography, padding, icons, and so on.
You can change the width, background type, and border for your results box from the “Окно результатов поиска” section. With the “Список результатов поиска” section, you can also change the typography and colors used for your search results.
BetterDocs Category Box helps you to showcase all your documentation categories together in box format. From ‘Контент’ tab, you can include and exclude categories from displaying on the Docs page. Also, you can customize the layout option, icons, title, and many more.
For more information on how to configure BetterDocs Category Box, check out this документация.