Как использовать шорткоды WordPress в темах Rara

Шорткоды WordPress потрясающие. Вы можете использовать шорткоды для настройки своего контента и добавления специальных функций на свой веб-сайт WordPress.

Шорткоды — это уникальные теги, которые позволяют пользователям WordPress извлекать предопределенные сценарии содержимого, функции и многое другое на своих веб-сайтах WordPress без необходимости каждый раз писать длинные коды HTML или CSS.

Темы WordPress Rara Theme поставляются с важными пользовательскими шорткодами, которые могут помочь вам сделать ваш контент WordPress более привлекательным. Некоторые из шорткодов, доступных с нашими темами, — это макеты сетки, разделитель, интервалы, социальные значки, призыв к действию, слайдер, переключатель, вкладка, стиль списка, аккордеон и буквица.

В этой статье мы поговорим о функции каждого шорткода и о том, как вы можете их использовать. Но перед этим поговорим о шорткодах и их важности в целом.

Что такое шорткоды WordPress?

Шорткод WordPress — это фрагмент кода, который выполняет определенную задачу на веб-сайте.

Эти коды довольно универсальны и могут быть вставлены в любое место на веб-сайте, включая сообщения, страницы и области виджетов. Например, вы можете использовать короткие коды для редактирования стиля текстов, отображения галереи или даже вставки оглавления.

Большинство тем и плагинов поставляются со встроенным набором шорткодов. Эти шорткоды позволяют получить больше от темы или плагина за счет расширения их функциональности.

Почему шорткоды используются в темах и плагинах WordPress?

Шорткоды WordPress часто используются разработчиками тем и плагинов для удобной настройки сайта.

Шорткоды достаточно гибкие и позволяют пользователям реализовывать различные функции без написания сложных кодов. Кроме того, с помощью шорткодов разработчики могут предоставить пользователям контроль над макетом, дизайном и функциональностью веб-сайта.

Различные темы и плагины основаны на шорткодах, которые придают веб-сайту привлекательный внешний вид. Большинство тем, разработанных Rara Theme, имеют встроенные шорткоды, которые помогут вам создавать хорошо отформатированный контент.

Как использовать шорткоды WordPress в теме Rara

Наши темы поставляются со встроенными шорткодами, которые вы можете легко реализовать в своих сообщениях и на страницах. Вы можете использовать шорткоды, встроенные в наши темы, для изменения макета, а также для добавления различных элементов к сообщениям или страницам веб-сайта.

Чтобы использовать короткие коды Rara Theme, выполните следующие действия:

• Войдите в панель администратора WordPress
• Перейти к страницам/сообщениям
• Нажмите Добавить новый
• Нажмите на короткие коды

Вы можете выбрать шорткоды по вашему выбору и использовать в публикации.

Функция каждого шорткода, доступного в темах WordPress Rara Theme, и то, как вы можете их использовать, объясняются ниже.

Шорткод макетов сетки

Вы можете отобразить содержимое поста/страницы в виде сетки, используя этот шорткод.

Демонстрация шорткода Grid Layout приведена ниже:

• В редакторе сообщений/страниц нажмите «Короткие коды» и выберите « Макеты сетки».

• Выберите количество столбцов , которые вы хотите отобразить
• Выберите ширину всех столбцов

• Вы увидите некоторые коды, добавленные к вашему контенту.

• Замените «Поместите текст столбца (1,2,3…)» на желаемый текст, как указано ниже.

• Нажмите Опубликовать.

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод разделителя

Вы можете добавить разделительную линию между абзацами с помощью этого шорткода. Кроме того, вы можете сохранить собственный стиль, толщину, ширину и поля разделительной линии.

Демонстрация шорткода Divider приведена ниже:

• В редакторе сообщений/страниц перейдите в область содержимого, где вы хотите отобразить разделитель.
• Нажмите «Короткие коды» и выберите « Разделитель».

• Введите цвет границы, стиль границы, толщину границы, ширину границы, верхний интервал и нижний интервал.

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Интервал Шорткод

Шорткод интервала используется для добавления дополнительного пространства между текстами/абзацами.

Демонстрация шорткода Spacing приведена ниже:

• В редакторе поста/страницы перейдите к области контента, где вы хотите отобразить дополнительное пространство.
• Нажмите на короткие коды и выберите интервал

• Введите необходимое пространство в px

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод социальных иконок

Вы можете отображать значки социальных сетей и их ссылки в содержании постов/страниц вашего веб-сайта с помощью шорткода значков социальных сетей.

Демонстрация шорткода социальных иконок приведена ниже:

• В редакторе сообщений/страниц перейдите в область контента, где вы хотите отобразить значки социальных сетей.
• Нажмите на короткие коды и выберите социальные значки .

• Введите ссылки на социальные значки

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод призыва к действию

Вы можете отобразить кнопку призыва к действию в содержании постов/страниц вашего веб-сайта, используя этот шорткод.

Демонстрация шорткода призыва к действию приведена ниже:

• В редакторе поста/страницы перейдите к области контента, где вы хотите отобразить призыв к действию.
• Нажмите на короткие коды и выберите призыв к действию

• Введите заголовок призыва к действию, описание, текст кнопки и URL кнопки.
• Выберите вкладку «Открытие ссылки» и «Выравнивание кнопок».

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод слайдера

Вы можете отобразить кнопку призыва к действию в содержании постов/страниц вашего веб-сайта, используя этот шорткод.

Демонстрация шорткода призыва к действию приведена ниже:

• В редакторе поста/страницы перейдите к области контента, где вы хотите отобразить ползунок.
• Нажмите на короткие коды и выберите слайдер

• Введите количество изображений
• Выберите параметр «Показать заголовок», «Связать изображение с URL-адресом» и «Открыть ссылку» на той же или другой вкладке.

• Вы увидите некоторые коды, добавленные к вашему контенту. Введите текст подписи, ссылку и URL-адрес изображения содержимого ползунка, как показано ниже.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Переключить шорткод

Вы можете отобразить Toggle в содержании постов/страниц вашего веб-сайта, используя этот шорткод.

Демонстрация шорткода Toggle приведена ниже:

• В редакторе поста/страницы перейдите в область содержимого, где вы хотите отобразить переключатель.
• Нажмите на короткие коды и выберите « Переключить ».

• Введите заголовок и детали. Выберите, хотите ли вы отображать переключатель как Open/Close. Если вы выберете «Открыть», переключатель будет открыт по умолчанию.

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод вкладки

Вы можете отображать вкладки в содержании постов/страниц вашего сайта, используя этот шорткод.

Демонстрация шорткода Tab приведена ниже:

• В редакторе поста/страницы перейдите в область контента, где вы хотите отобразить вкладки.
• Нажмите на короткие коды и выберите вкладку

• Введите количество вкладок и выравнивание вкладок. Выберите параметры Показать заголовок.

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод стиля списка

Вы можете отобразить список в содержании постов/страниц вашего сайта, используя этот шорткод.

Демонстрация шорткода List Style приведена ниже:

• В редакторе поста/страницы перейдите в область содержимого, где вы хотите отобразить список.
• Нажмите на короткие коды и выберите стиль списка .

• Введите количество элементов списка, которые вы хотите отобразить. Выберите значки списка

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Аккордеон Шорткод

Вы можете отображать аккордеон в содержании постов/страниц вашего сайта, используя этот шорткод.

Демонстрация шорткода Accordion приведена ниже:

• В редакторе поста/страницы перейдите к области контента, где вы хотите отобразить аккордеон.
• Нажмите на короткие коды и выберите « Аккордеон ».

• Введите номер аккордеона, который вы хотите отобразить

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту. Введите название аккордеона и содержание аккордеона

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Шорткод буквицы

Вы можете отображать текст буквицы в содержимом сообщений/страниц вашего веб-сайта, используя этот шорткод. Буквица помогает вам сделать определенные буквы большими.

Демонстрация шорткода Drop Cap приведена ниже:

• В редакторе поста/страницы перейдите к области контента, где вы хотите отобразить буквицу.
• Нажмите на короткие коды и выберите Буквица

• Выберите размер шрифта и введите букву буквицы

• Нажмите «ОК». Вы увидите некоторые коды, добавленные к вашему контенту.

• Нажмите Опубликовать

Вы должны ожидать следующего результата на своем посте/странице.

Вывод

Это шорткоды, доступные в темах Rara Theme. Если вы все еще не уверены или не можете использовать короткие коды, обратитесь в нашу службу поддержки .