Вы хотите разделить свои сообщения на вкладки, чтобы сэкономить место и облегчить пользователям поиск того, что они ищут? В этой статье мы покажем вам, как добавлять содержимое с вкладками в сообщения и страницы WordPress.
Пост WordPress с вкладками
Первое, что вам нужно сделать, это установить и активировать плагин Tabs Shortcode and Widget. Этот плагин работает из коробки, и вам не нужно настраивать никаких настроек.
Просто создайте новый пост, и на экране редактирования поста вы увидите новую кнопку шорткода. При нажатии на кнопку откроется меню.
Кнопка макета вкладок
Нажмите на опцию макета вкладок в меню, и он запустит интерфейс редактора вкладок плагина.
Добавление вкладок
Первый вариант в редакторе вкладок — выбрать количество вкладок, которые вы хотите отобразить. Далее вы можете выбрать тип макета. Плагин поддерживает горизонтальные и вертикальные вкладки. После этого вам нужно указать заголовок каждой из ваших вкладок, выбрать значок, если хотите, а затем добавить содержимое вкладки.
Повторите процесс для всех ваших вкладок. Последний вариант во всплывающем окне — добавить собственный класс CSS. Если вы хотите изменить внешний вид вкладок, вам следует ввести здесь класс CSS.
В течение всего процесса вы сможете увидеть предварительный просмотр ваших вкладок с правой стороны. Когда вы закончите, нажмите кнопку «Вставить», чтобы добавить вкладки в свой пост WordPress.
Сохраните и просмотрите свой пост, и вы увидите свои вкладки в действии.
Добавление виджета с вкладками в WordPress
Плагин также предоставляет виджет для добавления контента с вкладками на боковые панели WordPress. Просто зайдите в Внешний вид «Виджеты и добавьте виджет шорткода OTW на боковую панель.
Добавление виджета содержимого с вкладками
В области настроек виджета нажмите кнопку «Добавить», чтобы добавить макет вкладки. Это вызовет тот же редактор вкладок, который мы показывали вам ранее. Просто создайте свои вкладки с помощью пользовательского интерфейса и добавьте их в виджет. Наконец, нажмите кнопку «Сохранить», чтобы сохранить настройки виджета.
Теперь вы можете просмотреть свой
Более предприимчивые пользователи также могут ознакомиться с этим руководством о том, как добавить виджет jQuery tabber в WordPress.
Мы надеемся, что эта статья помогла вам научиться добавлять содержимое с вкладками в сообщения и страницы WordPress.