Шорткоды в WordPress: что это, как добавить, использовать и удалить

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

Что такое шорткоды в ВордПресс

Термин «Shortcode WordPress» (короткий код WordPress) можно объяснить следующим образом: это определённая конструкция (PHP, HTML), которая хранится в памяти сайта и активируется при вводе соответствующего слова (в квадратных скобках), с возможными атрибутами или без них.

[ gallery ids = «121361,121368» ]

В этом случае «gallery» представляет собой сам шорткод, который инициирует создание галереи из нескольких изображений. Атрибут ids передает уникальные идентификаторы нужных картинок из медиатеки, которые должны быть использованы в этом блоке.

Шорткоды могут как содержать несколько атрибутов, так и не иметь ни одного.

Преимущества и недостатки шорткодов

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

Сэкономленное время. Для часто используемых элементов достаточно один раз написать необходимый код и в дальнейшем его лишь вызывать.

Универсальность. Шорткоды могут работать практически на любых участках WordPress: в сообщениях, на страницах, в виджетах, а также в произвольных полях.

Гибкость. Пользователь может создать свой собственный шорткод без помощи программистов.

Зависимость от тем и плагинов. Многие шорткоды встроены в шаблоны WordPress и могут перестать функционировать при их изменении. То же касается и плагинов. Часто бывает сложно вспомнить, где именно хранятся используемые шорткоды.

Конфликты. При использовании стандартных элементов WordPress проблем, как правило, не возникает. Тем не менее, могут возникать трудности при взаимодействии с плагинами. Некоторые темы могут регистрировать одинаковые шорткоды, что также может вызвать конфликты.

Ограниченность. Каждый шорткод предназначен исключительно для конкретной задачи.

Чем больше шорткодов, тем труднее с ними работать. Согласно практике, для одного проекта удобно запомнить 7-10 шортkodов. С увеличением количества может возникнуть путаница.

Синтаксис шорткодов

• Квадратные скобки. Все элементы делятся на самостоятельно закрывающиеся и парные. Если шорткод включает в себя динамическое содержимое (текст или HTML-код), тогда следует использовать парный вариант с закрывающим тегом. В противном случае закрытие тега может не понадобиться.
• Имя. Это основной элемент синтаксиса, начинающий любой шорткод. Сразу после открытия квадратных скобок указывается название, которое отражает его уникальную функцию.

В имени шорткода пробелы, цифры в начале и специальные символы (все виды скобок, кавычки, равно, слэш и др.) не допускаются, кроме зарезервированных символов программирования (@, #, %, &, * и др.).

• Атрибуты. В большинстве шорткодов информация передается через атрибуты, которые могут быть обязательными и необязательными. Внутри выполняемого кода уже определены места для значений из атрибутов. Атрибуты указываются в формате имя=»значение».

Работая с шорткодами в WordPress, можно встретить и несколько других понятий, связанных с ними:

• Экранирование. Чтобы указать шорткод в тексте без его обработки, используется экранирование. Для этого обычные квадратные скобки заменяются двойными.
• Вложенность. Некоторые шорткоды могут быть вложены друг в друга для последовательного выполнения функций, при этом они исполняются от внутреннего к внешнему.
• Повторяемость. Этот термин обозначает возможность повторного использования одного и того же шорткода на одной странице. Например, если шорткод вызывает кнопку, можно вставить несколько экземпляров с разными атрибутами.
• Буферизация. Этот процесс позволяет сохранить вывод шорткода в переменную для дальнейшего использования. Обычно применяется для генерации HTML-кода с динамическим содержимым.

Стандартные шорткоды WordPress в 2026 году

В WordPress имеется несколько встроенных шорткодов, которые могут работать с любой темой:

• Audio и video. Эти шорткоды используются для встраивания аудио и видео, хранящихся на сервере. Ссылка передается через атрибут.

[ audio src = «url.mp3» ]
[ video src = «url.mp4» ]

• Caption. Служит для добавления подписи к изображениям. Включает атрибуты: id (номер изображения), align (выравнивание) и width (ширина).

[ caption id = «attachment_123» align = «aligncenter» width = «600» ] Подпись [ / caption ]

• Gallery. Создаёт галерею из медиафайлов. Включает атрибуты: columns (число колонок), size (размер миниатюры), ids (идентификаторы изображений), orderby (порядок отображения).

[ gallery columns = «9» size = «large» ids = «121314,121302» orderby = «rand» ]

• Playlist. Встраивает плейлист аудиотреков. Можно использовать и для создания видеоплейлиста. Атрибуты: type (по умолчанию аудио), style (стиль, по умолчанию темный — dark), ids (идентификаторы контента).

[ playlist type = «video» ids = «44,55,66» style = «dark» ]

• Embed. Позволяет встраивать URL с внешнего ресурса (например, видео с YouTube), поддерживающего oEmbed.

[ embed ] ссылка [ / embed ]

Как создать свой шорткод в WordPress

Создать свой собственный шорткод в WordPress несложно, но необходимо иметь базовые навыки программирования на PHP и HTML. Процесс включает два этапа:

Создание функции на PHP, которая будет выполнять нужные задачи.

Регистрация шорткода с помощью функции add_shortcode ($имя_шорткода, $имя_вызываемой_функции).

В WordPress такие функции располагаются в файле functions.php используемой темы. Чтобы лучше понять, как это работает, рассмотрим несколько примеров.

Шорткод для текущего года

Чтобы вывести текущий год в любом месте WordPress при помощи шорткода [current_year], воспользуйтесь следующим кодом:

function display_current_year ( ) {
return date ( ‘Y’ );
}
add_shortcode ( ‘current_year’ , ‘display_current_year’ );

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

Шорткод для кнопки

Шорткод для создания кнопки с тремя изменяемыми атрибутами: текст, ссылка и цвет:

function create_button_shortcode ( $ atts ) {
$ atts = shortcode_atts ( array (
‘text’ => ‘Текст на кнопке по умолчанию’,
‘color’ => ‘#107c10’,
) , $ atts , ‘button’ );
}
add_shortcode ( ‘button’ , ‘create_button_shortcode’ );

Чтобы отслеживать эффективность кнопки, можно подключить к ней цель метрики от Яндекса.

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

Следующая функция создаёт кнопку подписки на RSS-ленту блога:

function rss_subscribe_button ( $ atts ) {
$ rss_url = get_bloginfo ( ‘rss2_url’ );
}
add_shortcode ( ‘rss_subscribe’ , ‘rss_subscribe_button’ );

После регистрации этого шорткода, вы сможете использовать [rss_subscribe] в любом нужном месте вашего сайта.

Способы вставить шорткод в контент

Зарегистрированные шорткоды можно легко интегрировать в содержимое сообщений или страниц через классический редактор, Gutenberg или другие конструкторы. Рассмотрим на примере шорткода [current_year], созданного ранее.

Классический редактор

Вставить шорткод можно как во вкладке «Визуально», так и через «Текст». В любом случае, он будет корректно обработан.

Gutenberg

В блочном редакторе WordPress есть специальный компонент «Шорткод». Здесь вы можете ввести необходимый код, и он будет обработан.

Также шорткод можно вставить в другие блоки: «Абзац», «Классический», «Произвольный HTML» и прочие.

Elementor

Популярный конструктор Elementor имеет специальный блок «Шорткод». Просто перетащите его в нужное место и введите информацию.

Все популярные конструкторы страниц предоставляют блок для добавления шорткода.

Кнопка в редакторе TinyMCE

В классическом редакторе на базе TinyMCE можно легко добавить кнопку для вставки шорткода. Это делается в два этапа:

Сначала создайте новый JavaScript файл в структуре текущей темы, который будет отвечать за действие при нажатии кнопки. Обычно такие файлы хранятся в папке assets. Добавьте туда файл с любым названием, к которому позже будете обращаться, например, year-button.js. Внутри этого файла вставьте следующий код:

tinymce . create ( ‘tinymce.plugins.current_year_button’ , {
init : function ( editor , url ) {
var currentYear = new Date ( ) . getFullYear ( ) ;
editor . addButton ( ‘current_year_button’ , {
text : currentYear . toString ( ) ,
tooltip : ‘Вставить текущий год’ ,
onclick : function ( ) {
editor . insertContent ( ‘[current_year]’ ) ;
}
});
}
} );
createControl : function ( n , cm ) < return null ; tinymce . PluginManager . add ( 'current_year_button' , tinymce . plugins . current_year_button ) ;

В файле functions.php необходимо интегрировать четыре функции: создание пользовательской кнопки, ее регистрацию в редакторе, использование JavaScript и настройку инициализации.

function add_current_year_tinymce_button ( ) < if ( ! current_user_can ( 'edit_posts' ) & amp ; & amp ; ! current_user_can ( 'edit_pages' ) ) < if ( get_user_option ( 'rich_editing' ) === 'true' ) < add_filter ( 'mce_external_plugins' , 'add_current_year_button_script' ) ; add_filter ( 'mce_buttons' , 'register_current_year_button' ) ; function register_current_year_button ( $ buttons ) < array_push ( $ buttons , 'current_year_button' ) ; return $ buttons ; function add_current_year_button_script ( $ plugin_array ) < $ plugin_array [ 'current_year_button' ] = get_template_directory_uri ( ) . '/js/year-button.js' ; return $ plugin_array ; add_action ( 'admin_init' , 'add_current_year_tinymce_button' ) ;

Если все шаги выполнены правильно, в классическом редакторе WordPress появится кнопка «Вставить текущий год». При активации этой кнопки, в текст будет добавлен шорткод [current_year].

Если требуется использовать другой код, замените контент в API-методе editor.insertContent в вашем JavaScript файле.

Способы вставить шорткод в WordPress-шаблон напрямую

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

В виджетах

В WordPress предусмотрен стандартный текстовый блок среди виджетов. Вставьте в него шорткод и протестируйте его функциональность. Если шорткод не обрабатывается, добавьте следующий код в файл functions.php для активации поддержки шорткодов:

add_filter ( ‘widget_text’ , ‘do_shortcode’ ) ;

В шапке, футере или любом PHP-файле

Вставлять шорткод (в header.php, index.php, footer.php и других файлах шаблона) нужно с помощью функции echo do_shortcode. Пример использования для [current_year]:

В описании категорий или меток

По умолчанию в большинстве шаблонов шорткоды поддерживаются в описаниях категорий и меток. Однако, встречаются проблемы при использовании на сайте с известным SEO-плагином от Yoast. Их можно решить, добавив три строки кода в functions.php:

add_filter ( ‘term_description’ , ‘do_shortcode’ ) ;
add_filter ( ‘category_description’ , ‘do_shortcode’ ) ;
add_filter ( ‘post_tag_description’ , ‘do_shortcode’ ) ;

Полезные шорткоды в шаблоне Reboot от WPShop

В премиумтемах нередко встроены полезные шорткоды, о которых можно узнать из документации. В России популярностью пользуется шаблон Reboot, разработанный WPShop, который включает около десятка полезных коротких кодов.

• [current_year] выводит текущий год.
• [previous_year] выводит предыдущий год.
• [contactform] добавляет форму обратной связи.

• [subscribeform] предназначен для создания формы подписки.

• [social_profiles] добавляет кнопки социальных сетей в нужном месте.

• Contents

  • 1 Что такое шорткоды в ВордПресс
    • 1.1 Преимущества и недостатки шорткодов
  • 2 Синтаксис шорткодов
  • 3 Стандартные шорткоды WordPress в 2026 году
  • 4 Как создать свой шорткод в WordPress
    • 4.1 Шорткод для текущего года
    • 4.2 Шорткод для кнопки
    • 4.3 Шорткод для подписки на RSS
  • 5 Способы вставить шорткод в контент
    • 5.1 Классический редактор
    • 5.2 Gutenberg
    • 5.3 Elementor
    • 5.4 Кнопка в редакторе TinyMCE
  • 6 Способы вставить шорткод в WordPress-шаблон напрямую
    • 6.1 В виджетах
    • 6.2 В шапке, футере или любом PHP-файле
    • 6.3 В описании категорий или меток
  • 7 Полезные шорткоды в шаблоне Reboot от WPShop
  • 8 Как удалить зарегистрированные шорткоды
  • 9 Плагины для работы с шорткодами
    • 9.1 Shortcodes Ultimate
    • 9.2 WP Shortcode от MyThemeShop
    • 9.3 Shortcoder
    • 9.4 Column Shortcodes
    • 9.5 Easy Pricing Tables
  • 10 Шорткод ВордПресс: почему не работает
  • 11 Итоги
  позволяет создать оглавление для записей.

• [htmlsitemap] используется для HTML-карты сайта, поддерживающей атрибуты для дополнительной настройки.

• [button] добавляет кнопку с параметрами для стилей: background_color (цвет фона), size (размера), color (цвет текста). Также поддерживает скрытие ссылок (hide_link) и возможность открытия ссылки в новом окне (target).

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

Скидка на Reboot

Как удалить зарегистрированные шорткоды

WordPress позволяет отключить ненужные шорткоды с помощью специальной функции remove_shortcode.

К примеру, чтобы отключить шорткод [current_year], используйте следующую конструкцию:

function remove_example_shortcode ( ) < remove_shortcode ( 'current_year' ) ; add_action ( 'init' , 'remove_example_shortcode' ) ; Добавьте этот код в файл functions.php.

Обратите внимание на хук init, который используется для вызова функции на этапе инициализации WordPress. В различных инструкциях в сети при регистрации шорткодов вебмастера часто добавляют этот хук. Важно, чтобы функция remove_shortcode находилась после определения шорткода в файле functions.php.

Плагины для работы с шорткодами

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

Shortcodes Ultimate

Плагин Shortcodes Ultimate добавляет более 50 шорткодов сразу после установки, среди которых:

• Разнообразные галереи для показа контента.
• Элементы оформления текста: цитаты, списки, примечания, вкладки, блоки внимания, кнопки и т.д.
• Способы отображения информации в адаптивных колонках.
• Лайтбоксы.
• Карты Google.

Shortcodes Ultimate бесплатен, но самые интересные шорткоды с поддержкой анимации доступны в Pro-версии, стоимость которой составляет $40 в год за один домен. В ней также предлагается множество полезных кодов для WooCommerce.

WP Shortcode от MyThemeShop

WP Shortcode предлагает функционал, схожий с Shortcodes Ultimate, хотя количество шорткодов здесь чуть меньше — около 30. Главная его особенность заключается в полностью бесплатной модели распространения.

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

Shortcoder

Еще один полезный плагин для работы со шорткодами — Shortcoder. Он предоставляет вебмастерам удобный способ создания собственных шорткодов.

После установки Shortcoder вы сможете добавлять содержимое для шорткода с использованием HTML, CSS и JavaScript. Для этого нажмите на Add Shortcode, заполните необходимые параметры и сохраните результат. Готовый шорткод можно затем использовать в вашем контенте.

Этот плагин подойдет вебмастерам, не желающим редактировать файл functions.php и разбираться в PHP-коде.

В Pro-версии есть возможность вставлять блоки Elementor или WPBakery прямо в шорткоды.

Column Shortcodes

Как я уже упоминал, Shortcodes Ultimate предоставляет возможность отображать данные в адаптивных колонках. Эта функция отдельно реализована в плагине Column Shortcodes.

Если необходимо разделить контент на странице на несколько столбцов, этот плагин поможет справиться с этой задачей. После его установки в редакторе появится кнопка для вставки шорткода с 10 вариантами колонок (по ширине).

Column Shortcodes доступен для бесплатного скачивания.

Easy Pricing Tables

Плагин Easy Pricing Tables не предназначен для работы с шорткодами, однако его основное применение заключается в создании визуально привлекательных блоков с ценами на сайте. Тем не менее, для вывода этих блоков используются короткие коды, что и стало основанием для включения этого плагина в данную подборку.

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

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

Основная версия Easy Pricing Tables предлагается бесплатно, в то время как Pro-версия за $50 включает в себя дополнительные возможности и более широкий набор параметров для настройки дизайна.

Шорткод ВордПресс: почему не работает

Существует несколько причин, по которым шорткод может не функционировать и отображаться как текст:

• Ошибки в синтаксисе. Проверьте корректность написания. Одна из распространенных ошибок — наличие пробела после начальной квадратной скобки, такой код не будет распознан системой управления контентом.
• Не зарегистрирован. Если вы добавляли код вручную в файл functions.php, убедитесь, что использовали функцию add_shortcode() для его регистрации.
• Неправильное использование. Ряд шорткодов требуют обязательного закрытия. Если вы не укажете значение между открывающей и закрывающей скобками, или передадите ошибочные данные, это может привести к сбоям.
• Конфликты с кодом. Некоторые шорткоды можно оборачивать в HTML-код, но это не всегда возможно. Проверьте, работает ли шорткод без использования HTML-тегов.
• Кэширование. После регистрации нового шорткода или установки плагина, необходимо сбросить кэш в административной панели WordPress, если используется система кэширования для оптимизации работы сайта.

Итоги

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

Лицензия для Reboot со скидкой