Как легко вставить шорткод в wordpress: в шаблон, в страницу и в виджет

Риком-Траст

Счет-фактура+УПД+УКД с 01.10.2017 в редакции Постановления Правительства РФ от 19.08.2017 № 981. Для всех конфигураций на 1С 8

PHP Функции

add_shortcode()	Добавляет новый шоткод и хук для него.
shortcode_atts()	Обрабатывает атрибуты (параметры) шорткода: добавляет значения по умолчанию когда нужно и удаляет неподходящие атрибуты.
remove_shortcode()	Удаляет зарегистрированный шорткод.
remove_all_shortcodes()	Удаляет все зарегистрированные шоткоды.
do_shortcode()	Находит в переданном тексте зарегистрированные шорткоды и обрабатывает их.
apply_shortcodes()	Алиас функции do_shortcode().
has_shortcode()	Проверяет есть ли в переданном тексте указанный шоткод.
shortcode_exists()	Проверяет зарегистрирован ли указанный шоткод.
strip_shortcodes()	Удаляет/вырезает все шоткоды из переданного текста (контента).

Применение шорткода

Функция просматривает текст на наличие в нем шорткодов и применяет зарегистрированные функции к найденным шорткодам.

do_shortcode($content, $ignore_html);

• (строка, обязательный). Текст в котором нужно преобразовать шорткоды. По умолчанию: нет.
• (строка). Игнорировать ли шорткоды внутри HTML. Если поставить , то шорткоды внутри HTML обработаны не будут. По умолчанию: .

Как нетрудно догадаться, аргумент может содержать только шорткод. В этом случае функция вернет результат обработки шорткода:

$result = do_shortcode('');

Давайте получим контент записи и обрабатаем в нем все шорткоды:

$content_shortcoded = do_shortcode(get_the_content());

Добавим обработку шорткодов для контента стандартного виджета «HTML-код»:

add_filter('widget_custom_html_content', 'do_shortcode');

А вот для стандартного виджета «Текст» этого делать не нужно. WordPress сам обрабатывает шорткоды для контента этого виджета. В этом нетрудно убедиться, если еще раз заглянуть в исходный код файла :

add_filter('widget_text_content', 'do_shortcode', 11);

Support

What is included in support

• Help with any possible bugs related to the core plugin or it’s add-ons;
• Answering specific questions about the features of the plugin;
• Listening to customer feedback;
• Timely updates of our plugins for elimination of technical malfunctions or security vulnerabilities.

What is NOT included in support

• Any kind of code customization (custom CSS, custom shortcodes, etc.);
• Help with modified plugin code;
• Help with 3rd-party plugins and themes;
• Help with issues related to server or environment;
• Installation of the plugin.

Time for reacting to the request varies depending on the total number of received tickets.

Как я могу добавить индикатор?

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

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

Для примера создадим шорткод, который будет выводить простой текст “Привет, WPSchool!”

Для этого в указанный выше файл следует добавить следующие строки:

function wpschool_text_shortcode() {
    return 'Привет, WPSchool!';
}
add_shortcode('textshortcode', 'wpschool_text_shortcode');

Наш код состоит из 2-х основных конструкций. Блок function wpschool_text_shortcode() является функцией, в которой собственно и происходит вывод необходимого значения шорткода. В нашем случае – это вывод текстовой строки “Привет, WPSchool!”

Директива add_shortcode() является служебной командой, которая создает сам шорткод. Она имеет два параметра. ‘textshortcode’ – это название шорткода, которое будет в итоге заключено в квадратные скобки. Во втором параметре мы указываем имя нашей функции с выводом текста.

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

Добавим его в контентную часть записи или страницы.

В итоге на сайте это будет выглядеть так:

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

function wpschool_picture_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'width' => 100,
        'height' => 100,
    ), $atts ) );
    return '<img src="http://wpshop.loc/wp-content/uploads/2018/05/logotype_-150x68.png" width="' .$width .'" height="' .$height .'"/>';
}
add_shortcode( 'picture', 'wpschool_picture_shortcode' );

Наш шорткод теперь содержит параметры функции, а также присутствует аргумент $atts. Для того, чтобы использовать параметры шорткода, нам понадобятся две функции: shortcode_atts() и extract(). Первая является встроенной в ядро WordPress функцией, которая сопоставляет атрибуты шорткода с переданными и присваивает значения по-умолчанию (если это необходимо). extract() – это функция языка PHP, которая создает переменные из значений массива. Наша функция возвращает значение, которое нам необходимо (HTML-разметка нашего изображения с заданными значениями высоты и ширины).

Теперь, когда будет использован шорткод , будет сгенерировано выбранное изображение с размерами 100 на 100. Если необходимо изменить его размеры, то шорткод будет иметь вид:

Мне нравится11Не нравится

В PHP документе

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

То есть в нашем случае получится такая картина:

Хочу разместить форму обратной связи под постами. Какой файл у вас отвечает за вывод того или иного элемента предсказать не могу. В моем случае content-single.

Куда вставлять PHP

1. Заходим в редактор тем
2. Находим файл в который необходимо вставить информацию
3. Определил, что блок вывода контента это div с классом entry-content, и перед закрывающим тегом прописал функцию
4. Обновляем страницу и смотрим, элемент отобразился где нужно, под контентом.

Обратная связь под контентом

Примеры ereg PHP

Создание шорткода

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

add_shortcode('home_url', function() {
    return '<a href="' . home_url('/') . '">Домашняя страница</a>';
});

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

add_filter('the_content', 'do_shortcode', 11);

Как это работает

При добавлении шорткода через add_shortcode() шорткод добавляется в глобальную переменную $shortcode_tags (добавляется имя и функция-обработчик).

На хуке the_content срабатывает функция do_shortcode(), которая ищет и обрабатывает все шорткоды в контенте.

Все найденные шорткоды по-очереди передаются в функцию do_shortcode_tag(). Эта функция обрабатывает данные найденные регуляркой и вызывает добавленную в $shortcode_tags функцию-обработчик шорткода (с параметрами $attr, $content, $tag).

То что вернула функция-обработчик заменят шорткод в контенте.

До срабатывания функции do_shortcode() (до парсинга шорткодов), контент обрабатывается тремя ключевыми функциями:

• do_blocks()
• wptexturize()
• wpautop()

add_filter( 'the_content', 'do_blocks', 9 );
add_filter( 'the_content', 'wptexturize' );
add_filter( 'the_content', 'wpautop' );

add_filter( 'the_content', 'do_shortcode', 11 ); // AFTER wpautop().

do_shortcode() парсит контент одной регуляркой get_shortcode_regex(), поэтому добавление еще одного шорткода никак не замедляет скорость обработки — регулярка все равно будет отрабатывать.

Полезные советы

1. Шорткоды можно применять и в сайдбаре, встраивая их в виджеты. Для этого нужно активировать такую возможность в файле functions.php:

2. Короткие коды можно встраивать также и в шаблоны сайтов. Делается это вставкой в нужном месте следующего кода:

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

Не так давно я нашел код, который позволяет ограничить доступ к контенту в зависимости от наличия регистрации у пользователя:

extract(shortcode_atts(array(

‘role’ => ‘administrator’

),$attrs));

// Если переменная $content пустая, ничего не возвращаем и прерываем выполнение шорткода

if(empty($content))

return;

// Если залогиненый пользователь может изменять настройки сайта, т.е. является администратором,

// нет необходимости производить дальнейшую проверку. Администратор должен видеть все, поэтому

// просто выводим содержимое переменной $content

if(current_user_can (‘manage_options’))

return $content;

// Для всех остальных пользователей доступ по умолчанию запрещен, он будет разрешен если

// все проверки будут пройдены.

$access = false;

// Преобразуем переменную роль в массив. Это позволит нам открывать доступ к контенту сразу

// для нескольких ролей (перечисленных через запятую) одновременно.

$roles = explode(‘,’, $role);

// Если пользователь не залогинен и гостям разрешено видеть контент — разрешаем доступ

if(!is_user_logged_in() && in_array(‘guest’, $roles)){

$access = true;

}

else {

// Теперь необходимо узнать роль текущего пользователя

global $current_user;

// Т.к. ролей у пользователя может быть несколько, они находятся в массиве

$user_roles = $current_user-$roles;

// Теперь для каждой роли, указанной в шорткоде проведем проверку

foreach($roles as $role){

// Если в массиве ролей данного пользователя есть эта роль — разрешаем доступ

if(in_array($role, $user_roles))

$access = true;

}

}

// Если доступ разрешен, выводим содержимое переменной $content, т.е. то, что находится внутри

// тегов нашего шорткода

if($access)

return $content;

}

add_shortcode(‘access’, ‘pr_shortcode_access’);

Вставка в пост производится следующим методом:

Скачивание доступно только зарегистрированным пользователям. Пожалуйста

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

7WaysGroup

Криптоброкер KuCoin

как добавить в статью или пост подписку тегом шорткода

…продвигать..? А как это делается? А вот как, но об этом мы подробно станем говорить в следующих статьях…

А пока мы поступим следующим макаркой: заставим наш пост, конечно же, с помощью Shortcode предлагать читателям подписаться по RSS, например. Здорово!

Тогда вперёд…

Копируете эту функцию и помещайте в документ, равно точно таким же способом как и пример выше:

…не забывайте все ваши редакции документаций сохранять..!

…пробуйте работу в статье…

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

Вот

— можете и не использовать) также как и див-классы; а равно обратите внимание и на ссылку картинки top5.png, которую (если будете отрабатывать) стоит загрузить на сервер

Да, не забудьте заменить УРЛЫ (адреса) моих подписок на свои.

Support

What is included in support

• Help with any possible bugs related to the core plugin or it’s add-ons;
• Answering specific questions about the features of the plugin;
• Listening to customer feedback;
• Timely updates of our plugins for elimination of technical malfunctions or security vulnerabilities.

What is NOT included in support

• Any kind of code customization (custom CSS, custom shortcodes, etc.);
• Help with modified plugin code;
• Help with 3rd-party plugins and themes;
• Help with issues related to server or environment;
• Installation of the plugin.

Time for reacting to the request varies depending on the total number of received tickets.

Что такое шорткоды и как они работают

Шорткод — это короткий код (shortcode), который вставляется непосредственно в текст страницы, заголовка, виджета — то есть в контент и расширяет возможности Вордпресса.

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

Если отсутствует обработчик конкретного шорткода, то его вызов на странице будет выглядеть как обычный текст.

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

Остальные плагины вордпресс для создания шорткодов

Остальные плагины вордпресс уступают первому в удобстве, много вещей, которые можно перенести или упростить:

1. fruitful-shortcodes- имеет скудный функционал, 8 против 50 прошлого претендента. Не переведён на русский язык и запутан. Но плюс в том что все кнопки появляются прямо в редакторе, для меня удобно, но стальным покажется загромождённая панель, что затруднит написание статей. Отмечу красоту и множество форм вывода и дизайна, что в большинстве доступно только платным инструментам.
2. shortcoder- работает по другому принципу, администратор сначала задает в плагине что выводить на экран (текст, фрейм, картинки и т.д.), а потом уже shortcoder генерирует короткий код, а не как остальные большие куски. Например хотите вывести рекламу от РСЯ, остальные плагины не подойдут, в них нет смысла, а если применить этот инструмент, то один раз забили код от РСЯ и дальше его выводите короткой фразой .
3. accordion-shortcodes- очень компактный и направленный на одну функцию, создавать открывающиеся меню (аккордеоны), посредством шорткодов в любом месте страницы и сайта.

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

Мне нравитсяНе нравится2

шорткоды Woocommerce — полное описание

Примечание! так как у меня в блоге прикручен магазин, я буду показывать примеры шорткодов — с ошибкой, чтобы не запускать их отработку: буду давать шорткоды в прямых вертикальных скобках заместо квадратных. т.е получится типа |woocommerce_cart| а должно быть так .

… Понятно, да!?

прошу извинить за этакое неудобство: лень что-то маклачить для конкретной страницы.

Что такое шорткоды? — и как возможно организовать любой шорткод описано в этом посте. А также из статьи узнаем как добавить в редакторы (или визуальный, или в html) кнопочки для быстрой прописки, например, в тело статьи созданного — требуемого шорткода.

Предостережение: отнеситесь внимательно к вкладкам текстового редактора в смысле — визуального и html! — на случай, если отработка шорткодов частично не задастся…

А в ЭТОМ посте помещена большая подборка полезного кода для работы с магазином на Woocommerce.

Как отключить проверку уровня сложности пароля woocommerce (форма регистрации).

теги шорткода

Shortcode WordPress достаточно просты в применении, доступны любому админу и – сокращают массу бесполезно убитого времени.

Многие web-мастера и особенно новички в начале славных дел, избегают изучать полезные для себя вещи и, не имея понятия о выгодных тонкостях, принимаются к призрачному и модному заработку миллиона. В итоге: тратят уйму своего полезнейшего времени — так показывает практика!

Кстати сказать, эта статья продолжение поста (или наоборот: кому как угодно) ссылка на который чуть выше.

Итак.

По порядку… а в дальнейшем мы научимся уже на своё усмотрение создавать и применять эти самые Shortкоды…

Shortcodes Ultimate – плагин для вставки шорткодов в WP

В сети нашел очень интересный плагин для вставки готовых шорткодов в WordPress записи и на страницы — Shortcodes Ultimate.

С помощью него можно:

1. Вставлять спойлеры, аккордеоны, якори;
2. Создавать вкладки (табы);
3. Использовать колонки;
4. Работать с медиа (Youtube, Vimeo и т.д.);
5. Вставлять красивые кнопки;
6. Добавлять классную анимацию;
7. Оформлять цитаты, блоки рамки и др.;
8. Создавать лайтбоксы;
9. Вставлять RSS ленту;
10. Добавлять таблицы;
11. Организовать слайдер;
12. Делать QR-код;
13. Создавать карусель;
14. И многое другое.

Всего этот плагин включает более 50-м различных шорткодов, которые повысят продуктивность работы с WordPress и помогут решить очень много различных задач.

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

Использование Shortcodes Ultimate позволит отказаться от применения других мелких плагинов.

Основные изменения в Ubuntu Touch OTA-9

шорткод |add_to_cart| — выведет кнопку добавления продукта в корзину

После прописки шоркода — получим на странице цену и саму кнопку «в корзину». Ну и соответственно, если товар вариативный — ссылку перехода на страницу «Подробнее».

Как понимаете, необходимо указать атрибутику: обязательные параметры — или ID, или артикул .

Пример такой: .

Ко всему прочему возможно прикрутить следующие полезные стилистические параметры:

CSS стили обусловят блок стилистическими изысками требуемого типа .

CSS классы…

Например, счётчик «количество товаров», которое число требуется добавить в корзину.

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

Настройки по умолчанию true (отображать), false — нет.

Описание

Shortcoder plugin allows to create a custom shortcodes for HTML, JavaScript and other snippets. Now the shortcodes can be used in posts/pages and the snippet will be replaced in place.

Create shortcodes easily

1. Give a name for the shortcode
2. Paste the HTML/JavaScript/CSS as shortcode content
3. Save !
4. Now insert the shortcode in your post/page.
5. Voila ! You got the HTML/Javascript/CSS in your post.

Features

• Create custom shortcodes easily and use them in any place where shortcode is supported.
• Have any HTML, Javascript, CSS as Shortcode content.
• Insert: Custom parameters in shortcode
• Insert: WordPress parameters in shortcode
• Multiple editors: Code, Visual and text modes.
• Globally disable the shortcode when not needed.
• Disable shortcode on desktop, mobile devices.
• A button in post editor to pick the shortcodes to insert.
• Supports Gutenberg.

An example usage

1. Create a shortcode named «adsenseAd» in the Shortcoder admin page.
2. Paste the adsense code in the box given and save it.
3. Use in your posts and pages.
4. Tada !!! the ad code is replaced and it appears in the post.
5. Now you can edit the ad code at one place and the code is updated in all the locations where the shortcode is used.

Similarly shortcodes can be created for frequently used snippets.

You can also add custom parameters (like ) inside the snippets, and change it’s value like when using them.

Вставка шорткода в файлы темы

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

Для этого нужно использовать функцию do_shortcode:

<?php echo do_shortcode(''); ?>

Где short_code – нужный вам шорткод.

Этой же конструкцией можно пользоваться для вывода шорткода в виджетах WordPress.

ИТОГ:

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

Думаю что мы разобрались что такое шорткод и как он работает, далее как я и обещал в начале статьи я приведу примеры полезных шорткодов для WordPress.

Как вставить шорткод в тему WordPress

Теперь поговорим о том, как правильно вставить шорткод в тему WordPress. Для начала начнем со вставки в сайдбар и описании таксономий.

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

Это очень важные функции.

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

Итак, чтобы включить такую поддержку в описании таксономий, в файл functions.php нужно добавить такой код:

add_filter( 'term_description', 'shortcode_unautop');
add_filter( 'term_description', 'do_shortcode' );

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

Чтобы это сделать, в файл functions.php добавляем следующий код:

add_filter('widget_text', 'do_shortcode');

add_filter( 'comment_text', 'do_shortcode' );

Для использования в анонсах постов, вставьте такую строку:

add_filter( 'the_excerpt', 'do_shortcode');

Теперь давайте рассмотрим, как можно добавить шорткоды WordPress в php файлы темы.

Иногда и такое необходимо.

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

Однако проблема в том, что shortcode WordPress – это не php код. Его так просто в файл темы не добавишь. А если так сделать, то это будет уже неизвестный и неправильный код. Он потом повлечет за собой ошибки в работе сайта.

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

<?php echo do_shortcode('');?>

Короткий код заменяем на свой. Только так система поймет исполняемый код и без ошибок запустит его в действие.

На этом у меня все!

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

Мне нравитсяНе нравится

как с помощью шорткода красиво оформить статью блога

Предположим такую блажь: вам захотелось украсить свой пост расцветкой. А как? …как это делают другие блогеры? Разными способами, говорю я) Но мы с вами вновь обратимся к помощи шорткода, и не станем загружать свой блог тяжёлыми плагинами, чтобы подсветить нужный кусочек текста как делает это большинство web-мастеров, например, синим колором (в прошлой статье был — жёлтый).

Значит, нам нужно прописать аналогично-о-о )) верхним способам новый кусочек кода в файл функций:

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

…и он у вас засверкает по-иному. Синей подсветкой.

Ну и теперь же вновь делаем соответствующую иконку-кнопку и впихиваем в нужную папку… Читайте прошлую статью, ссылка выше. Там всё подробным образом описано и показано. Настоятельно рекомендую, ибо негоже на полпути тормозить.!?

Теперь же, как и положено, откроем фал стилей  и пропишем в самый его конец необходимый селектор (стили).

В скобках скажу: при желании подсветить текст иным колором, — просто меняем значение в строке — 2 — — на свой код цвета.

А возможно и простки-напростки добавить несколько отдельных кнопок, соответственно с различными цветами и т.п  Просто добавьте необходимые для этого функции в файл . (предыдущая статья)

3 строка — бордюр (окантовка, кому нужно)  и т. д. Экспериментируйте…

4 строка — скругления фона…

5 — наклон текста

другие: отступы…

А вообще, подсветка иногда полезна, поисковики частенько рассматривают её как сниппет «ВНИМАНИЕ» (англ. snippet — фрагмент, отрывок) — если его предварительно нашпиговать ключевыми выражениями

И выходит, этот шорткод ни только удобен, но и полезен.

Главное не переусердствовать КЛЮЧАМИ.

И как только придёт в голову блажь подсветить. Так вы тут же выделяете участок статьи, клик-с.. и готово дело — нужный кусочек текста фонит.

Хорошо) …немного полюбуемся на пестроту… и продолжаем.

Shortcodes Ultimate

Более 400тыс. загрузок, оценка 4.8.

Основные фишки Shortcodes Ultimate для WordPress:

• более 50-ти классных элементов;
• генератор шорткодов;
• современный дизайн;
• поддержка адаптивности (для мобильных решений);
• работа на CSS3 + редактор стилей CSS;
• пользовательский виджет;
• поддержка мультиязычности;
• легко расширяем и работает с любым шаблоном.

Вот небольшое видео о плагине для ознакомления.

По первому впечатлению, Shortcodes Ultimate — один из самых крутых плагинов шорткодов в WordPress. Особенно понравились разные оригинальные оформления кнопок (с эффектами, а не просто цветом). Также здесь есть слайдеры для галереи. Обязательно потестирую его на парочке своих сайтов.

Подключение педалей отдельно от руля

Simple Shortcodes

9тыс+ скачиваний, средний балл — 4.4.

Здесь присутствуют все классические элементы — от табов, раскрывающихся списков до кнопок и разного рода уведомлений.

Итого. Если вы ищете максимально простой shortcode wordpress плагин, то последние два варианта (Arconix Shortcodes, Simple Shortcodes) вам вполне подойдут. Хотите создавать свои уникальные шорткоды с параметрами? — посмотрите детальнее модуль Shortcoder. Самые функциональные решения — Shortcodes Ultimate и Easy Bootstrap Shortcode. Но из этих двух первый, мне кажется, все равно получше будет. Я бы начал именно с него.

А какой плагин шорткодов в вордпресс вы используете?

Как пользоваться плагином ShortCodes Ultimate

Плагин можно установить прямо из панели администратора вашего сайта. Для этого перейдите в раздел «Плагины» / «Добавить новый» и затем найдите «Shortcodes Ultimate».

После установки и активации плагина, в боковую панель вашего сайта добавляется новый элемент под названием «Шорткоды». Оттуда вы можете настроить параметры плагина и посмотреть доступные шорткоды.

В меню «Доступные шорткоды», вы можете предварительно просмотреть все шорткоды, которые были добавлены на ваш сайт. Кликнув на один из них, вы попадете на страницу со списком атрибутов, которые можно добавить к каждому шорткоду, чтобы настроить их.

На экране редактора записей, вы должны заметить, что в меню редактора появилась ​​новая кнопка под названием «Вставить шорткод».

Нажмите на эту кнопку, и выберете один из доступных элементов, который вы хотели бы добавить в свою запись.

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

После настроек внешнего вида, в самом низу нажмите «Предпросмотр», чтобы посмотреть, как будет выглядеть шорткод. Если вы довольны результатом, то нажмите «Вставить шорткод». Поле чего, он появится в редакторе.

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

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

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

add_shortcode('home_url', function($atts) {
    $params = shortcode_atts(
        
            // значения параметров по умолчанию
            'text' => 'Узелки на память',
            'href' => 'https://tokmakov.msk.ru',
        ,
        $atts
    );
    $home_url = '<a href="' . $params'href' . '">' . $params'text' . '</a>';
    return $home_url;
});

Наш шорткод имеет два параметра — и . При использовании этого шорткода внутри поста могут быть заданы оба параметра, только один или вообще ни одного. Если какой-либо параметр не указан, будет использовано значение по умолчанию.

[home_url text="Мой блог" href="https://tokmakov.msk.ru/blog"]