Руководство по шорткодам WordPress с примерами для создания собственных.

Шорткоды WordPress – это мощная функция, позволяющая с небольшим усилием делать крутые вещи. Из шорткодов можно делать почти все: встраивать интерактивные элементы или создавать сложные макеты страницы так же просто, как вставить одну строку кода.

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

[gallery ids="47 ,86, 92, 64, 48, 75, 89, 80" columns="4" size="medium"]

Этот код выводит галерею с указанными идентификаторами изображений. Она будет иметь 4 столбца, а их максимальный размер будет "средним" (как определено WordPress).

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

Как видите, нет необходимости в любом дополнительном HTML-коде.

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

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

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

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

Короче говоря, Шорткод = Ярлык + Код.

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

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

Краткая история шорткодов.

Шорткоды впервые пользовались популярностью благодаря программному обеспечению онлайн-форума под названием Ultimate Bulletin Board (UBB). В 1998 году они представили BBCode (Код доски объявлений), набор простых в использовании тегов, позволяющих пользователям легко форматировать свои сообщения.

Как легкий язык разметки, BBCode работает по тем же принципам, что и HTML, за исключением того, что он намного проще.

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

Вскоре после этого другие приложения для онлайн-форумов, такие как phpB, XMB Forum и vBulletin, добавили функции BBCode в свои доски объявлений.

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

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

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

Шорткоды WordPress – это строки в квадратных скобках ( [ ] ), которые волшебным образом превращаются в нечто увлекательное в интерфейсе. Они дают пользователям простой способ создавать и изменять сложное содержимое, не беспокоясь о сложном HTML или кодах для встраивания.

Два типа шорткодов.


В WordPress преимущественно два типа шорткодов:

  • Самозакрывающиеся шорткоды: для них не нужен закрывающий тег.

Пример: для шорткода галереи (смотри пример выше) не требуется закрывающий тег. Мы добавляем все необходимое с разными атрибутами.

  • Шорткод с закрытием: для них нужен закрывающий тег. Они обычно манипулируют содержимым между открывающим и закрывающим тегами.

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

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

Шорткоды WordPress по умолчанию.

WordPress поставляется с 6 шорткодами по умолчанию: 

audio: вставляет аудиофайлы на веб-сайт. Включает в себя простые элементы управления, такие как воспроизведение и пауза. 

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

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

gallery: вставляет простую галерею изображений. Можно использовать атрибуты, чтобы определить, какие изображения используются, и настроить вид галереи. 

playlist: отображение коллекции аудио- или видеофайлов с помощью этого закрывающегося короткого кода. Вы можете предоставить ему прохладный «темный» режим с помощью атрибута стиля. 

video: вставляет видеофайл и воспроизводит его с помощью простого видеопроигрывателя. Этот шорткод поддерживает встраивание видео в следующих форматах: mp4, webm, m4v, webm, ogv, wmv, flv.

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

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

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

Использование шорткодов WordPress на страницах и публикациях.

Сначала перейдите к редактору страницы / публикации, куда вы хотите вставить шорткод. Если вы используете редактор Gutenberg, то можете добавить тег шорткода в отдельный блок Shortcodes. Он находится в разделе Виджеты.

Специальный блок шорткодов Гутенберга

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

Добавление шорткода в классическом редакторе.

Использование шорткодов WordPress в виджетах боковой панели

Шорткоды можно вставлять в виджеты боковой панели. Чтобы добавить их, перейдите к Внешний вид -> Виджеты и добавьте текстовый виджет в раздел, куда необходимо добавить ярлык.

Вставьте шорткод в виджет «Текст» и сохраните его, посетите интерфейс своего сайта и посмотрите на результат шорткода на боковой панели.

Версии WordPress 4.8 и ниже не поддерживают шорткоды в виджетах боковой панели.

Использование шорткодов WordPress в верхнем и нижнем колонтитулах.

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

Скажем, вы хотите добавить кнопку с призывом к действию в нижний колонтитул или все свои публикации перед разделом комментариев. Здесь пригодится функция обратного вызова do_shortcode().

Вам нужно добавить следующий код к header.php, footer.php или любому из файлов шаблонов вашей темы:

<?php</span> <span class="token keyword">echo</span> <span class="token function">do_shortcode</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"[name_of_your_shortcode]"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?>

Это выведет короткий код в том месте, куда вставлен код.

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

Аналогично можно использовать функцию обратного вызова do_shortcode(), чтобы включить короткие коды в любом месте WordPress, например в разделе комментариев.

Что делает Shortcode API?

WordPress Shortcode API определяет, как использовать шорткоды для настройки и расширения функциональности сайта. Это позволяет разработчикам создавать уникальный контент (например, формы, карусели, ползунки и т.д.), которые пользователи могут добавлять на свои сайты, вставляя соответствующий короткий код.

С помощью шорткодов можно добавить почти любую функцию на веб-сайт.

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

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

Понимание основ Shortcode API.

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

Если найден зарегистрированный шорткод, API Shortcode берет его на себя и возвращает исходные данные шорткода(ов). Возвращенная выходная строка заменяет тег шорткода в месте его добавления.

Вы регистрируете шорткод в WordPress с помощью функции add_shortcode(). Вот как это делается:

add_shortcode( 'shortcode_name', 'shortcode_handler_function' );
  • shortcode_name: тег, который WordPress будет искать при анализе содержания публикации. Shortcode API рекомендует использовать только строчные буквы, цифры и подчеркивание для определения его значения (избегайте тире).
  • shortcode_handler_function: функция обратного вызова, которая будет выполнена после того, как WordPress подтвердит наличие зарегистрированного шорткода.

Функция обработчика короткого кода определяется следующим образом:

function shortcode_handler_function( $atts, $content, $tag ){ }

  • $atts: ассоциативный массив атрибутов (т.е. массив пар ключ-значения). Если не определяется атрибут, по умолчанию будет пустая строка.
  • $content: контент, если определяете вложенный шорткод. Функция обработчика несет ответственность за обеспечение возврата значения $content в исходные данные.
  • $tag: значение тега короткого кода (shortcode_name в приведенном выше примере). Если два или более шорткода имеют одинаковую функцию обратного вызова (действительная), значение $tag поможет определить, какой короткий код инициировал функцию обработчика.

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

Эта исходящая строка заменяет макрос короткого кода на интерфейсе сайта. То, что вы в конечном итоге видите в браузере, – это данный результат.

Куда добавить собственные сценарии шорткода?

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

Если вы добавляете его в файл темы, то запустите функцию add_shortcode() как есть.

Но если добавляете его в плагин, рекомендуем инициализировать его только после полной загрузки WordPress. Вы можете убедиться в этом, обернув функцию add_shortcode() в другую функцию. Это называется функцией обертки:

function shortcodes_init(){
add_shortcode( 'shortcode_name', 'shortcode_handler_function' );
}
add_action('init', 'shortcodes_init');

Функция add_action() подключает функцию shortcodes_init для запуска только после завершения загрузки WordPress (это называется крючком 'init' ).

Как создать собственный шорткод в WordPress (уровень для начинающих)?

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

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

Чтобы выполнить следующие действия, нужно знать, как работать с PHP-кодом и редактировать файлы темы WordPress.

Мы начнем с самого простого шорткода, а затем перейдем к более сложным.

Пример 1. Шорткод с использованием [current_year]

Давайте создадим короткий код под названием [current_year], выводящий текущий год.

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

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

Начнём с создания плагина. Создайте новую папку в каталоге /wp-content/plugins/.

Обратите внимание на расположение каталога плагинов. Назовем плагин "salcodes", но можно называть его как угодно.

В каталоге плагинов salcodes создайте файл PHP с таким же названием (salcodes.php). После завершения добавьте такой заголовок в файл плагина:

<?php

/*
Plugin Name: Salcodes
Version: 1.0
Description: Output the current year in your WordPress site.
Author: Salman Ravoof
Author URI: https://www.salmanravoof.com/
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salcodes
*/

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

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

/**
* [current_year] returns the Current Year as a 4-digit string.
* @return string Current Year
*/

add_shortcode( 'current_year', 'salcodes_year' );
function salcodes_init(){
function salcodes_year() {
return getdate()['year'];
}
}
add_action('init', 'salcodes_init');

/** Always end your PHP files with this closing tag */
?>
  • Тег @return в комментарии PHP определяет тип возвращенного результата. Далее следует краткое описание того же.
  • текущий_год – это тег или имя шорткода . Определяет самозакрывающийся тег, который нужно добавить в свое содержимое, которое в этом случае будет [current_year].
  • salcodes_year – это имя функции обработчика короткого кода, которая возвращает исходную строку. Определим эту функцию обратного вызова в следующих строках. Поскольку мы создаем простой самозакрывающийся шорткод, не нужно передавать ему значения переменных, например $attributes, $content или $tag.
  • salcodes_init – это функция обертки, которая подключается к 'init', чтобы убедиться, что шорткод зарегистрирован и запущен только после загрузки WordPress. Это делает возможным встроенная функция WordPress add_action().
  • getdate() – это функция PHP, возвращающая массив информации о дате текущей отметки времени. Ключ года содержит значение текущего года (в виде 4-значной строки). Итак, getdate()['year'] возвращает текущий год. И это именно то, что мы хотим.


Сохраните файл плагина. Пора проверить, работает ли шорткод должным образом.

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

Как и ожидалось, работает.


Поздравляем с достижением первого этапа!

Шорткод, который вы создали, не имеет связанных с ним $attributes или $content переменных. Вы узнаете, как их использовать в следующих примерах.

Приклад 2: Шорткод для кнопки CTA.

Давайте создадим настраиваемый шорткод кнопки CTA. Он также самозакрывается (простите, что не используем $content, подождите до следующего примера).

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

Поскольку конечный результат является элементом кнопки, его атрибуты HTML, такие как href, id, class, target и label, можно использовать для его легкой настройки.

Вы можете использовать атрибуты id и class для стилизации кнопки, поскольку они являются обычными селекторами CSS.

Не приводим здесь функцию обработчика, чтобы просто все объяснить.

/**
* [cta_button] returns the HTML code for a CTA Button.
* @return string Button HTML Code
*/

add_shortcode( 'cta_button', 'salcodes_cta' );

function salcodes_cta( $atts ) {
$a = shortcode_atts( array(
'link' => '#',
'id' => 'salcodes',
'color' => 'blue',
'size' => '',
'label' => 'Button',
'target' => '_self'
), $atts );
$output = '<p><a href="' . esc_url( $a['link'] ) . '" id="' . esc_attr( $a['id'] ) . '" class="button ' . esc_attr( $a['color'] ) . ' ' . esc_attr( $a['size'] ) . '" target="' . esc_attr($a['target']) . '">' . esc_attr( $a['label'] ) . '</a></p>';
return $output;
}

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

  • В предыдущем разделе мы рассмотрели функцию add_shortcode() и как она работает.
  • shortcode_atts() – это функция WordPress, сочетающая атрибуты короткого кода пользователя с известными атрибутами. При необходимости он заполняет значения по умолчанию (которые можно установить самостоятельно). Результатом будет являться массив, содержащий каждый ключ из известных атрибутов, объединенный со значениями из определенных пользователем атрибутов короткого кода.
  • Внутри функции обработчика короткого кода определяем переменную ($a) и назначаем ее массиву, возвращающему shortcode_atts(). Мы назначаем атрибутам значения по умолчанию с синтаксисом: 'attribute' => 'default-value' . Например, в вышеприведенном коде устанавливаем значение по умолчанию для атрибута label на Button с синтаксисом 'label' => 'Button'.
  • Можно извлечь значение для каждого ключа атрибута с помощью синтаксиса PHP для массивов: $a['attribute'].
  • Переменная $output сохраняет HTML код элемента button (тег <a> с классом 'button'). Это строка, которую наконец-то возвращает функция.

Если вы хотите установить ссылку по умолчанию в качестве URL-адреса домашней страницы сайта, можете воспользоваться функцией home_url() WordPress.

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

Если вам интересно, для чего предназначены двойные квадратные скобки ( [[ cta_button ]] ), их называют экранирующим шорткодом. Они помогут вывести любой зарегистрированный шорткод как обычный текст, как на рисунке ниже.



Вывод HTML-кнопки CTA без атрибутов.

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

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

/** Enqueuing the Stylesheet for the CTA Button */

function salcodes_enqueue_scripts() {
global $post;
if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'cta_button') ) {
wp_register_style( 'salcodes-stylesheet', plugin_dir_url( __FILE__ ) . 'css/style.css' );
wp_enqueue_style( 'salcodes-stylesheet' );
}
}
add_action( 'wp_enqueue_scripts', 'salcodes_enqueue_scripts');

Функция salcodes_enqueue_scripts() определяет глобальную переменную $post, а затем подтверждает два условия с помощью:

  • is_a(): проверяет, является ли $post экземпляром объекта WP_Post. Это касается всех типов публикаций в WordPress.
  • has_shortcode(): проверяет, содержит ли содержимое публикации короткий код [cta_button].

Если оба условия соответствуют действительности, функция регистрирует и ставит в очередь таблицу стилей style.css, содержащуюся в папке CSS. Функция plugin_dir_url( $file) позволяет легко получить URL-адрес каталога плагина.

Код CSS здесь не укажем, но его можно найти в исходном коде, ссылку на который размещен в конце этого раздела.

Наконец, давайте проверим краткий код [cta_button], добавив его к содержимому публикации:

Обратите внимание на атрибуты специальной ссылки, цвета, размера и этикетки.

На рисунке ниже показано, как кнопка CTA выглядит на интерфейсе:

Кнопка CTA теперь имеет новый URL-адрес, цвет, размер и метку.

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

Пример 3: Шорткод с использованием $content

Для последнего примера давайте построим охватывающий короткий код под названием [boxed], выводящий любое содержимое между его тегами в поле с красочными заголовками.

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

/**
* [boxed] returns the HTML code for a content box with colored titles.
* @return string HTML code for boxed content
*/

add_shortcode( 'boxed', 'salcodes_boxed' );

function salcodes_boxed( $atts, $content = null, $tag = '' ) {
$a = shortcode_atts( array(
'title' => 'Title',
'title_color' => 'white',
'color' => 'blue',
), $atts );

$output = '<div class="salcodes-boxed" style="border:2px solid ' . esc_attr( $a['color'] ) . ';">'.'<div class="salcodes-boxed-title" style="background-color:' . esc_attr( $a['color'] ) . ';"><h3 style="color:' . esc_attr( $a['title_color'] ) . ';">' . esc_attr( $a['title'] ) . '</h3></div>'.'<div class="salcodes-boxed-content"><p>' . esc_attr( $content ) . '</p></div>'.'</div>';

return $output;
}
  • $content=null: регистрирует короткий код как охватывающий тип. Можно изменить выход $content в вашей функции обработчика.
  • $tag = ”: определяет переменную $tag короткого кода. В этом примере это не обязательно, но хорошая практика включить его.

В этом примере мы изменяем содержимое с помощью встроенных стилей CSS.

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

Но использование двух шорткодов одной таблицы стилей означает, что вам придется скачать ее, если используется любой из них. Итак, давайте обновим функцию salcodes_enqueue_scripts():

/** Enqueuing the Stylesheet for Salcodes */

function salcodes_enqueue_scripts() {
global $post;
$has_shortcode = has_shortcode( $post->post_content, 'cta_button' ) || has_shortcode( $post->post_content, 'boxed' );
if( is_a( $post, 'WP_Post' ) && $has_shortcode ) {
wp_register_style( 'salcodes-stylesheet', plugin_dir_url( __FILE__ ) . 'css/style.css' );
wp_enqueue_style( 'salcodes-stylesheet' );
}
}
add_action( 'wp_enqueue_scripts', 'salcodes_enqueue_scripts');
  • $has_shortcode: определенная пользователем переменная, проверяющая, существует ли какой-либо шорткод на странице / публикации. || _ (оператор ИЛИ) делает это возможным.

Теперь давайте рассмотрим наш [в коробке] шорткод.

На скриншоте ниже показан результат:

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

Загрузить исходный код плагина Shortcode можно отсюда.

Шорткоды WordPress: плюсы и минусы.

Плюсы шорткодов.

  • Упрощают сложение сложных функций на сайтах WordPress. Вы можете добавить почти все, что угодно одной строкой кода.
  • Автоматизируют рабочий процесс разработки. Они устраняют необходимость писать сложные сценарии всякий раз, когда нужно вставить определенную функцию.
  • Более удобны, чем добавление HTML-кода или PHP-скриптов.
  • Могут быть объединены внутри плагинов. Даже если вы обновляете WordPress или изменяете / обновляете свою тему, шорткоды останутся действительными и по-прежнему будут работать.
  • Объединение шорткодов в плагинах делает их простыми в использовании на нескольких веб-сайтах WordPress. Если вы разработчик, управляющий многими сайтами, подготовить все ваши шорткоды для пользователей станет спасением.
  • Поскольку шорткоды также принимают атрибуты, пользователи могут изменять его поведение, просто изменяя параметры атрибутов.

Минусы шорткодов.

  • Не интуитивно понятны конечному пользователю, особенно если на странице используются многие из них. В таких случаях они больше подходят для разработчиков.
  • Трудно сказать, что делает шорткод, просто посмотрев на него. Основная команда WordPress точно назвала их «таинственными кодами для встраивания мяса» именно по этой причине.
  • Шорткоды, поставляемые вместе с темами, перестанут работать, если вы измените тему.
  • Неоднозначны относительно их синтаксиса. Например, некоторые из них поддерживают необязательное закрытие, поэтому можете использовать их как самозакрывающиеся, так и как закрывающиеся или даже оба варианта, если они вложены. Это может стать очень запутанным и спорным.
  • Могут нарушить HTML из-за конфликтных тегов или проблем взаимодействия. Очень не приятно видеть их на интерфейсе любого сайта.
  • Добавляют дополнительную нагрузку на сервер. С увеличением количества шорткодов на странице / публикациях эта нагрузка увеличивается. Слишком много шорткодов может привести к сканированию веб-сайта.

Шорткоди и блоки Гутенберга.

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

Если вы хотите добавить шорткоды, у Gutenberg есть специальный блок для добавления шорткодов. Блоки – это новые шорткоды.

Это объясняет, почему все популярные шорткоды превращаются в блоки. Многие разработчики WordPress перестроились, чтобы их продукты и услуги работали исключительно с редактором блоков (Гутенберг).

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

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

В WordPress наверняка есть много шорткодов, которые можно использовать, наши любимые Shortcodes Ultimate и Shortcodes.

И если вы не можете найти нужный, вы можете создать его самостоятельно.

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

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

Перевод из источника материала.

Отправить комментарий

Новые Старые