Необходимо создать или добавить оглавление в Elementor ?
При написании длинной статьи, например списка инструментов или мест, вы можете добавить оглавление. В WordPress есть множество плагинов, которые вы можете использовать для создать оглавление по твоей статье.
но с Elementor, вам не нужно устанавливать плагин оглавления, если вы хотите добавить оглавление. Elementor имеет виджет по умолчанию, который позволяет вам добавить оглавление в вашу длинную статью. Мы собираемся рассказать об этом здесь.
Содержание это новый виджет недавно представленный Elementor. С помощью этого виджета вы можете обеспечить дополнительную навигацию по страницам для своей длинной статьи, позволяя посетителей легко переключаться между разделами вашей статьи.
Виджет «Оглавление» от Elementor позволяет вам выбрать точные теги заголовков для отображения в вашем оглавлении. Вы также можете использовать заголовки из определенного контейнера на странице.
Примечание: Оглавление - это профессиональный виджет. Вы должны установить профессиональную версию Elementor, чтобы использовать ее.
Как использовать виджет "Оглавление" в Elementor
Есть два идеальных способа использования виджета «Оглавление» в Elementor. Прежде всего, вы можете использовать его на страницах и сообщениях (страницах и сообщениях, полностью созданных с помощью Elementor). Кроме того, вы можете создать виджет «Оглавление» в своем уникальном шаблоне публикации. сайт WordPress.
Читайте также: Как создать форму загрузки файла в Elementor
Конечно, уникальный шаблон сообщения должен быть создан с помощью Elementor. При реализации виджета «Оглавление» в шаблоне отдельного сообщения для вашего сообщения будет автоматически создаваться оглавление, если сообщение содержит теги заголовка на основе уровней заголовка, которые вы установили в виджете «Оглавление».
Добавить виджет "Оглавление" в один шаблон сообщения.
В этой статье мы покажем вам, как добавить виджет «Оглавление» в один шаблон сообщения. Вы можете создать новый шаблон отдельного сообщения или отредактировать существующий шаблон. В этом примере мы создадим новый шаблон отдельного сообщения.
Для начала войдите в свою панель управления WordPress и перейдите к Шаблоны -> Конструктор тем. На странице "Построитель тем" перейдите к Одна вкладка и нажмите на кнопку ДОБАВИТЬ ОДИН для создания шаблона.
В разделе Выберите раздел тип моделей, выбрать Одно сообщение. Дайте вашей модели имя и нажмите кнопку СОЗДАТЬ МОДЕЛЬ.
Создадим единый шаблон поста с нуля; закройте библиотеку шаблонов.
См. Также: Как добавить reCAPTCHA в форму Elementor
Добавьте новый раздел, нажав кнопку «плюс» в поле редактирования Elementor и выбрав трехколоночную структуру.
Установите ширину столбцов со сравнением примерно 28%: 61%: 10%.
Добавьте общие элементы, такие как заголовок публикации, информацию о публикации и содержимое публикации, во второй столбец и настройте их соответствующим образом. После этого добавьте виджет «Оглавление» в первый столбец.
Определите заголовок вашего оглавления в разделе Название и установите уровни заголовков, которые вы хотите включить в раздел Якоря по тегам.
Если у вас есть знания в CSS, вы можете исключить селекторы CSS, чтобы они не появлялись в списке содержимого.
Читайте также: Как добавить разделитель для создания раздела в Elementor
В разделе Просмотр маркера, вы можете установить маркер для элементов содержимого (маркеры или числа). Если вы выбрали маркеры, вы можете установить значок из библиотеки значков.
открытый дополнительный Опции для отображения других параметров настройки и выбора желаемых настроек.
Теперь переходим во вкладку Стиль чтобы настроить оглавление. Вы можете установить цвет фона, цвет границы, ширину границы и радиус границы в разделе Коробка.
Хотя чтобы установить цвет заголовка, типографику заголовка и текст заголовка, вы можете перейти в раздел Заголовок.
В разделе Список, Вы можете установить цвет текста активного элемента, цвет текста элемента при наведении на него указателя мыши и цвет текста элементов в обычном режиме. Здесь вы также можете установить цвет маркера, а также типографику элементов содержимого.
См. Также: Как установить Elementor на WordPress
Чтобы сделать оглавление более полезным, вы можете сделать его видимым, когда посетителей прокрутите мышь вниз. Для этого откройте вкладку Передовой и получить доступ к опции Эффект движения. Определять липкий наверху и установите смещение примерно на 80. Если хотите, вы также можете установить анимацию ввода в разделе Входная анимация.
Вы можете поиграть с левой панелью, пока не будете довольны своим оглавлением. После этого нажмите кнопку ОПУБЛИКОВАТЬ и установите условия отображения.
Вот пример созданного нами оглавления.
Если вы установите для условия отображения шаблона отдельного сообщения, который вы создали выше, значение Все единственное, у вас автоматически будет оглавление каждый раз, когда вы напишете длинную статью, которая будет содержать теги заголовка в соответствии с заданным вами уровнем заголовка.
В конце
Добавление оглавления к длинной статье обеспечивает лучший пользовательский опыт на ваш посетителей. Они могут легко переходить из одного раздела вашей статьи в другой, нажимая на элементы в оглавлении. С новым виджетом Elementor вам не нужно устанавливать дополнительный плагин, чтобы добавить оглавление в статью.
Вы можете использовать виджет «Оглавление» при создании страницы или публикации с помощью Elementor. Кроме того, вы также можете добавить виджет «Оглавление» в свой шаблон отдельной записи. сайт WordPress, чтобы всякий раз, когда вы пишете длинный пост с тегами заголовка, оглавление генерировалось автоматически.
Получите Elementor Pro прямо сейчас!
Заключение
Вот! Вот и все, что касается этой статьи, в которой показано, как добавить оглавление в Elementor. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
