BetterDocs дает вам бесшовную интеграцию с Elementor. Теперь вы можете создать свой Один документ в Elementor без кодирования с помощью Elementor Theme Builder. Создав шаблон для своей страницы Единого документа, вы можете сохранить его, а затем повторно использовать для каждой отдельной страницы документации.
Примечание: Конструктор тем Elementor - это функция, которая доступна только с Elementor Pro. Итак, чтобы настроить Один документ в Elementor, у вас должна быть установлена Pro версия Elementor.
Следуйте этим пошаговым инструкциям, чтобы узнать, как можно использовать BetterDocs для создания единого документа в Elementor.
Шаг 1. Создайте новый единый документ в конструкторе тем Elementor #
Перейдите к WordPress Панель приборов → Шаблоны → Конструктор тем с панели управления WordPress. Нажми на 'Добавить новое' и выберите "Один документ" в качестве типа шаблона. Когда вы закончите, нажмите «Создать шаблон».
A pop-up window will appear showcasing BetterDocs premade ready blocks for Elementor. You can use these ready blocks to instantly create your single doc page. Or you can customize your single doc page from scratch by configuring different elements as shown in the next step.
Шаг 2. Настройте отдельный документ в Elementor #
От "ЭЛЕМЕНТЫ" в редакторе Elementor, вы должны увидеть 10 новых элементов BetterDocs для создания шаблона страницы отдельного документа. Вы можете перетащить эти элементы в любое место на странице, чтобы использовать их.
Форма поиска документов #
В Форма поиска документов элемент позволяет добавить панель поиска в Один документ страница. Чтобы использовать этот элемент, просто перетащите его в любой раздел своей страницы.
Элемент будет отображаться на вашей странице по умолчанию, как показано ниже.
От 'Контент' вкладку, вы можете настроить свой Форма поиска документов. Под 'Поисковая строка' В разделе вы увидите варианты изменения типа и цвета фона. Вы можете использовать изображения, сплошные цвета или цвета градиента для фона.
Точно так же под "Поле поиска" раздел, у вас есть возможность изменить цвет фона поля, цвет поля, типографику, отступы, значки и многое другое.
Вы также можете изменить ширину, тип фона и границу окна результатов из-под "Окно результатов поиска" раздел. Вы также можете изменить типографику и цвета для элементов результатов поиска из-под "Список результатов поиска" раздел.
Название документа #
В Название документа элемент динамически добавляет заголовок вашего Один документ в Elementor, От 'Контент' На вкладке можно изменять теги заголовков, выравнивание и даже добавлять ссылки. Из 'Стиль' На вкладке вы можете изменить цвет заголовка, типографику, режим наложения и даже добавить текстовую тень.
Содержание документа #
Вы можете перетащить Содержание документа элемент в любом месте вашей страницы единого документа. Содержимое вашей документации будет добавлено автоматически. Затем вы можете изменить выравнивание, цвет текста и типографику из-под 'Стиль' вкладку, как показано ниже.
Doc Table Of Contents #
В Doc Table Of Contents element gives you the flexibility to add a table of contents anywhere in your single doc page. You can configure the supported heading tags, list hierarchy and number and more from the 'Контент' таб. Из 'Стиль' tab you can change the color, typography, alignment, margin and padding for your Doc Table Of Contents.
For more information, check out this detailed guide on how to configure BetterDocs Table Of Contents In Elementor.
Дата документа #
В Дата документа Элемент позволяет автоматически отображать дату, когда ваша документация была обновлена. Вы можете изменить цвет, выравнивание и типографику даты из-под 'Стиль' Вкладка.
Боковая панель документа #
В Боковая панель документа элемент позволяет создать боковую панель для вашего Один документ в Elementor который отображает все остальные статьи и категории документации, которые вы создали.
От 'Контент' tab, you can choose the layout for your Doc Sidebar. Currently there are three layouts available, each with its own distinct style. The first one is available for BetterDocs free, but you will need to have BetterDocs PRO to use Layout 2 and Layout 3.
Под 'Стиль' На вкладке вы увидите несколько вариантов. Из 'Коробка' раздел, вы можете изменить интервал и заполнение поля боковой панели. Вы также можете изменить тип фона, цвет и границы для заголовка и тела боковой панели документа.
От 'Значок' раздел, вы можете изменить размер области, где вы хотите разместить значки. Вы также можете изменить размер самих значков, изменить их цвет фона, тип фона, поля и отступы.
Помимо этого, вы также можете изменить типографику и цвет заголовков на боковой панели документа, настроить количество подсчетов, список категорий и список подкатегорий, поигравшись с параметрами под 'Стиль' Вкладка.
Док Реакции #
С участием BetterDocs Pro, вы можете узнать, насколько полезна ваша документация для посетителей сайта с помощью Док Реакции элемент. Под 'Стиль' На вкладке есть несколько параметров, с помощью которых вы можете настроить этот элемент. Из 'Коробка' раздел, вы можете изменить ширину и высоту, тип и цвет фона, интервалы и отступы и даже добавить тень блока.
От 'Заглавие' раздел, вы можете изменить цвет и типографику. Аналогичным образом из 'Значок' в разделе, вы можете изменить размер значков, область, в которой они будут отображаться, цвет фона и цвет ваших значков.
Документ Поделиться #
Документ Поделиться element позволяет разрешить публикацию вашей документации в социальных сетях. С помощью этого элемента посетители сайта могут делиться вашей документацией в различных социальных сетях. Просто перетащите элемент в любое место на вашем Один документ в Elementor, чтобы активировать его.
Под 'Стиль' на вкладке вы увидите несколько опций для настройки Документ Поделиться элемент. Из "Стиль коробки" На вкладке вы сможете изменить ширину и высоту, тип и цвет фона, расстояние между полями и отступы, границу, тень и многое другое.
Вы также можете изменить цвет и типографику заголовка вашего Документ Поделиться элемент, а также размер значка из 'Заглавие' а также 'Значок' разделы соответственно.
Отзыв о документе #
Отзыв о документе element позволяет вам добавить форму обратной связи для посетителей вашего сайта, которую они могут использовать, если захотят связаться с вами для получения дополнительной помощи. Чтобы активировать этот элемент, перетащите его в любое место на вашем Один документ страница.
Затем настройте содержимое вашего Отзыв о документе элемент из-под 'Контент' таб. Здесь из 'Общее' вы можете добавить свой собственный контент и заголовок формы обратной связи.
Чтобы стилизовать ваш Отзыв о документе элемент, просто перейдите к 'Стиль' таб. Из 'Текст' раздел, вы можете изменить цвет и типографику формы обратной связи. Точно так же вы можете изменить цвет значка в 'Значок' раздел.
Вы также можете изменить ширину и высоту формы обратной связи, выравнивание, цвет и типографику заголовка и меток, а также кнопку из 'Форма обратной связи' раздел.
Документ навигации #
С Документ навигации элемент, вы можете позволить посетителям сайта быстро перейти к следующей документации или вернуться к предыдущей документации. Чтобы активировать этот элемент, перетащите его в любое место на вашем Один документ в 1ТП8Т.
От 'Стиль' раздел вы можете настроить внешний вид вашего Документ навигации элемент, изменив цвет, типографику, а также размер и цвет стрелок.
Шаг 3. Установите условия и опубликуйте шаблон страницы единого документа #
После успешного выполнения вышеуказанных шагов вы можете опубликовать свой Один документ шаблон страницы, который вы разработали в Elementor. Просто нажмите на 'Публиковать' и появится всплывающее окно с просьбой установить условия. Этот шаг не является обязательным и позволяет вам определить условия, при которых ваша страница Единого документа будет доступна посетителям сайта.
Далее нажмите на "Сохранить и закрыть". Ваш шаблон страницы единого документа теперь сохранен в Elementor и может быть повторно использован для других отдельных страниц документации.
Окончательный результат #
Следуя этим основным шагам, вы можете создать свой собственный Один документ в 1ТП8Т и даже мгновенно использовать их снова.
С помощью BetterDocs, вот как вы можете создавать потрясающие шаблоны отдельных документов с помощью Elementor и восхищать читателей вашего сайта.
Застрять? Не стесняйтесь обращаться к нашим группа поддержки.
