Разработчики WordPress включили поддержку шорткодов в версии 5.7 – это значительно упростило вставку различных функций плагинов в шаблоне. Он представляет собой короткий текст, помещенный в квадратные скобки. При этом нет необходимости вставлять сложный PHP, засоряя записи и страницы.
Шорткод – что это?
Его можно охарактеризовать следующим образом – короткий код для внедрения какой-либо функции в выбранном месте сайта. Состоит из легко запоминающегося текста. Он скрывает отображение длинного кода, записанного в PHP-файле, что упрощает работу для новичков и малоопытных вебмастеров. Для профессионалов shortcode позволяют экономить время на заранее разработанных функциях.
С их помощью можно выводить текст, оформлять контент, добавлять видео, слайды, изображения, графики и другие элементы. Такие плагины, как Nextgen Gallery, Visual Composer, Contact Form 7 используют шорткоды для размещения блоков и контента.
Регистрируется несколькими способами:
- создание функции в WordPress и определение шорткода для нее в functons.php;
- применение специального плагина;
- регистрация shortcode без использования расширений.
Известно, что большое количество дополнительных модулей и приложений подтормаживает работу ресурса, поэтому рассмотрим наиболее оптимизированный вариант. Следует зайти в functions.php, находящийся в корневой папке текущей темы и открыть его через текстовый редактор Notepad++. После чего можно вставить шорткод в тему WordPress. Регистрация осуществляется следующим образом:
Рекомендуем к прочтению – “Оптимизация контент-блоков с плагином Custom Content Shortcode”
| add_shortcode(‘short_code’, ‘function_name’); |
Объяснение:
- add_shortcode – регистрация шорткода в WordPress;
- shortcode – название (используется для выведения последующей функции на сайте);
- function_name – название регистрируемой функции.
На примере видно, как можно организовать регистрацию рекламного блока AdSense:
| // Регистрация функцию function add_adsense () { //Возвращение функции return ‘ <!– Код вывода рекламного блока –> <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> <ins class=”adsbygoogle” style=”display:block” data-ad-client=”ca-pub-9542020662080512″ data-ad-slot=”1604516673″ data-ad-format=”auto”></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!– конец вывода рекламного блока –> ‘; |
Сделать шорткод WordPress достаточно просто, что увеличивает производительность работы с контентом. После вставки shortcode, в указанном месте будет отображена реклама Google. Теперь необязательно использовать плагины или устанавливать громоздкий код в статьи или другие места сайта.
Следующий пример позволяет сократить время добавления атрибута nofollow к ссылкам на внешний ресурс. В обычной ситуации процесс происходит так: переключение в режим HTML, поиск ссылки, добавление тегов. Использование shortcode не требует переключения режимов – достаточно работать в визуальном редакторе. Регистрация:
| function wp_nofollow ( $attr, $content = null ) {
$link = return $link[0] |
Для скрытия URL, следует обернуть его в зарегистрированные теги:
| [nf] Внешняя ссылка [/nf] |
Подключение стиля к контенту:
| function yellow_background ( $attr, $content = null ) { return ‘ <style type=”text/css”> .yellow_background { border: 1px solid #d2d2d2; background-color: #FFFF80; padding:10px; margin: 5px 10px; } </style> <div class=”yellow_background”>’ . $content . ‘</div>’; |
Добавив текст в теги, фоновая часть заполняется желтым цветом:
| [yb] Участок текста [/yb] |
Названия указываются на свое усмотрение – чем короче, тем проще запоминать и вписывать.
Часто используемые shortcode можно добавить в панель инструментов редактора. Вставить шорткод в страницу WordPress также легко, как в запись. Все действия выполняются через визуальный редактор.
Для улучшения работы сайта – “Где лучше вставлять код Google Analytics”
Как вставить шорткод в шаблон WordPress
Ситуация с квадратными скобками не работает с файлами темы, применяется специальная функция «do_shortcode»:
| <?php echo do_shortcode ( ‘[short_code]’ ) ; ?> |
Текст в квадратных скобках – название требуемого шорткода. Также, данная конструкция работает с виджетами.
Плагины для работы с shortcode
Система имеет по умолчанию несколько видов шорктодов, способных незначительно расширить стандартные функции:
- работа с галереями;
- вывод статистики блога;
- скрытие части текста;
- вставка аудио/видео;
- интеграция контента с YouTube;
- вывод похожих записей;
- настройки автоформатирования.
Для пользователей, не разбирающихся в PHP, желающих качественно и производительно работать – существуют плагины с набором всех необходимых функций.
Редакция сайта рекомендует – “Контактные формы с плагином Contact Form 7”
Shortcodes Ultimate
Лучшее решение для работы с шорткодами в мире
Мировой лидер по коллекции элементов для расширения возможностей и визуальной составляющей при помощи шорткодов. Расширение предполагает внедрение кодов в посты, страницы и файлы темы. С его помощью можно создать слайдеры, кнопки, блоки, видео-вставки, карусели. В визуальном редакторе добавляется отдельная кнопка, открывающая меню плагина.
Основные возможности:
- 50 предустановленных шаблонов шорткодов;
- редактор пользовательских CSS;
- доступен предпросмотр;
- поддерживается всеми темами, имеет адаптивный дизайн;
- переведен на 9 языков;
- подробная инструкция по использованию.
Обладателям премиальной версии предлагаются дополнительные элементы – 15 штук, 60 скинов и возможность создавать пользовательские шорткоды. Все это можно приобрести по отдельности либо вместе. Скачано более 700 000 копий, средняя оценка вебмастеров – 5 звезд. Версия со всеми аддонами обойдется в 59 долларов для одного сайта.
Column Shortcodes
Перейти
Отличный вариант для создания столбцов, достаточно вставить шорткод в страницу WordPress с необходимыми параметрами. В панели управления можно выбрать 10 колонок, каждая из которых отличается по ширине. Доступно редактирование отступов и подключение собственных стилей. Скачано более 100 000 копий, оценка пользователей – 4,5 из 5. На странице расширения размещена подробная инструкция и ответы на часто задаваемые вопросы.
WP Shortcode by MyThemeShop
Интересное решение, в особенности для тех вебмастеров, которые часто меняют темы или их настройки. Все функции сохраняются даже при смене шаблона. Доступно около 24 шорткодов для создания кнопок, блоков, ценовых таблиц, переключателей. После установки, в редакторе записей/страниц появляется кнопка добавления shortcode. Во всплывающем окне имеется строка выбора и некоторые параметры. Настройка легкая и не требует особых навыков.
Основные возможности:
- вкладки;
- визуальное оформление;
- кнопки;
- ценовые таблицы;
- карты;
- переключатели.
Распространяется на бесплатной основе, скачано более 70 000 раз. Оценка пользователей – 4,5 балла.
Интересно к прочтению – “Как сделать форму регистрации на WordPress”
Bootstrap Shortcodes
Плагин поможет сделать шорткод WordPress вебмастерам, использующим темы с включенной библиотекой bootstrap 3. Предлагается внушительный список функций. Основные доступные элементы:
- таблицы, сетки, коды, изображения;
- метки, значки, медиа-объекты, дополнительные панели;
- прогресс-бары, вкладки, подсказки, слайдеры и карусели.
Бесплатное расширение скачано более 50 000 раз, оценка вебмастеров – 5 из 5. Русский язык недоступен.
Shortcake
Плагин не позволяет вставить шорткод в тему WordPress, но отлично справляется с их добавлением в записи и страницы. Рекомендован для новичков, поскольку имеет простой интерфейс, не требует здания кода и включает обучающие материалы. Благодаря функции импорт/экспорт возможен обмен шорткодами с другими сайтами.
Основные возможности:
- добавление медиа-контента;
- социальные кнопки;
- ценовые таблицы;
- оформление текста.
Распространяется на бесплатной основе. Скачан порядка 20 000 раз и оценен пользователями в 4 балла.
Заключение
Вставить шорткод в WordPress можно при помощи легкой функции, предварительно зарегистрировав его. С виджетами ситуации аналогичная. При добавлении shortcode в записи и страницы вовсе не возникает сложностей – вставляются в нужном месте в визуальном редакторе. Для расширения возможностей и производительности можно применить рассмотренные плагины.
Полезно почитать: Как работать с медиафайлами в WordPress.
