Как вставить шорткод в html

Как вставить шорткод (shortcode) в шаблон WordPress

Admin 07.10.2017 WordPress

Многие плагины для WordPress позволяют выводить свои функции в записях или отдельных элемента сайта (через виджеты). Поэтому обычно шорткоды используются для вставки через административную панель сайта. Но можно их (shortcode) вставить и в шаблон WordPress.

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

[plugin_shortcode_name]

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

Читайте также

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

Как передать HTML в шорткод

Есть такой шорткод incutArticle , в $content через админку втавляется html код с абзацами и ссылками. Шорткод возвращает обычный текст без замены html тегов. Как можно написать, чтоб все, что написано в $content воспринималось как html при выводе на экран. Вызов шорткода:

[incutArticle]
Test
[/incutArticle] 

Код шорткода:
add_shortcode( ‘incutArticle’, ‘show_incutArticle’ ); function show_incutArticle( $atts, $content, $tag ) < ob_start(); ?>
Отслеживать
user243545
задан 8 фев 2020 в 10:48
1,796 1 1 золотой знак 7 7 серебряных знаков 20 20 бронзовых знаков
Вам нужно чтобы код хтмл был кодом или вы хотите пользователю показать код?
– user243545
8 фев 2020 в 11:20
чтобы был кодом, а сейчас все тэги отображается на сайте как текст
8 фев 2020 в 11:28
Тогда я вас правильно понял, ответ уже дал
– user243545
8 фев 2020 в 11:29

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

esc_html — Заменяет спецсимволы на HTML сущности в переданном тексте, возвращает отформатированный текст. Заменяются следующие символы: &, , «, ‘.

Используйте вместо нее wp_kses или ей подобные, например:

Отслеживать
ответ дан 8 фев 2020 в 11:23
user243545 user243545
работает, спасибо!
8 фев 2020 в 11:35

• wordpress
• shortcode

Важное на Мете

Похожие

Подписаться на ленту

Лента вопроса

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

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как вставить шорткод в PHP-файл WordPress шаблона

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

Код вставки шорткода в PHP файл

Для тех, кто в теме, то вот этот код:

Теперь немного поясним.

Например, у нас есть такой шорткод — [contact-form-7 title=»Обратный звонок»]

Мы берем этот шорткод и вставляем его вместо — [ваш_шорткод]

В результате получаем следующий код:

Далее, идём в редактор тем и вставляем данную конструкцию в нужное место нашего шаблона.

Что делать, если шорткод не работает?

Проблема решается элементарно. Если не хотите вникать, то просто вставьте ваш шорткод в этот код:

А теперь поясним. Всё дело в кавычках. В шорткоде и в коде для вставки в PHP кавычки не должны быть одинаковыми. То есть, если в шорткоде (внутри) используются одинарные кавычки, так же как и в PHP (снаружи), то просто надо одни кавычки поменять на двойные. Либо внутри, либо снаружи — без разницы.

Как вставить шорткод в шаблон WordPress

Работа с сайтами WordPressСкрипты для сайтов на WordPressУчебник по WordPress

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

Шорткод – что это?

Его можно охарактеризовать следующим образом – короткий код для внедрения какой-либо функции в выбранном месте сайта. Состоит из легко запоминающегося текста. Он скрывает отображение длинного кода, записанного в PHP-файле, что упрощает работу для новичков и малоопытных вебмастеров. Для профессионалов shortcode позволяют экономить время на заранее разработанных функциях.

С их помощью можно выводить текст, оформлять контент, добавлять видео, слайды, изображения, графики и другие элементы. Такие плагины, как Nextgen Gallery, Visual Composer, Contact Form 7 используют шорткоды для размещения блоков и контента.

Регистрируется несколькими способами:

• создание функции в WordPress и определение шорткода для нее в functons.php;
• применение специального плагина;
• регистрация shortcode без использования расширений.

Известно, что большое количество дополнительных модулей и приложений подтормаживает работу ресурса, поэтому рассмотрим наиболее оптимизированный вариант. Следует зайти в functions.php, находящийся в корневой папке текущей темы и открыть его через текстовый редактор Notepad++. После чего можно вставить шорткод в тему WordPress. Регистрация осуществляется следующим образом:

add_shortcode(‘short_code’, ‘function_name’);

• add_shortcode – регистрация шорткода в WordPress;
• shortcode – название (используется для выведения последующей функции на сайте);
• function_name – название регистрируемой функции.

На примере видно, как можно организовать регистрацию рекламного блока AdSense:

(adsbygoogle = window.adsbygoogle || []).push(<>);

Сделать шорткод WordPress достаточно просто, что увеличивает производительность работы с контентом. После вставки shortcode, в указанном месте будет отображена реклама Google. Теперь необязательно использовать плагины или устанавливать громоздкий код в статьи или другие места сайта.

Следующий пример позволяет сократить время добавления атрибута nofollow к ссылкам на внешний ресурс. В обычной ситуации процесс происходит так: переключение в режим HTML, поиск ссылки, добавление тегов. Использование shortcode не требует переключения режимов – достаточно работать в визуальном редакторе. Регистрация:

$link =
explode ( “href”,
$content )
;

Для скрытия URL, следует обернуть его в зарегистрированные теги:

[nf] Внешняя ссылка [/nf]

Подключение стиля к контенту:

border: 1px solid #d2d2d2;

margin: 5px 10px;

Добавив текст в теги, фоновая часть заполняется желтым цветом:

[yb] Участок текста [/yb]

Названия указываются на свое усмотрение – чем короче, тем проще запоминать и вписывать.

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

Как вставить шорткод в шаблон WordPress

Ситуация с квадратными скобками не работает с файлами темы, применяется специальная функция «do_shortcode»:

Текст в квадратных скобках – название требуемого шорткода. Также, данная конструкция работает с виджетами.

Плагины для работы с shortcode

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

• работа с галереями;
• вывод статистики блога;
• скрытие части текста;
• вставка аудио/видео;
• интеграция контента с YouTube;
• вывод похожих записей;
• настройки автоформатирования.

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

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 балла.

Bootstrap Shortcodes

Перейти

Плагин поможет сделать шорткод WordPress вебмастерам, использующим темы с включенной библиотекой bootstrap 3. Предлагается внушительный список функций. Основные доступные элементы:

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

Бесплатное расширение скачано более 50 000 раз, оценка вебмастеров – 5 из 5. Русский язык недоступен.

Shortcake

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

Основные возможности:

• добавление медиа-контента;
• социальные кнопки;

• ценовые таблицы;
• оформление текста.

Распространяется на бесплатной основе. Скачан порядка 20 000 раз и оценен пользователями в 4 балла.

Заключение

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