Как использовать шорткод в WordPress: 6 проверенных методов

[button_shortcode url=”https://example.com”]Текст кнопки[/button_shortcode]

Замените https://example.com на желаемый URL-адрес и при необходимости измените шорткод.

Ключевые характеристики и варианты использования шорткодов

Ключевые характеристики

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

Распространенное использование коротких кодов

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

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

Способ 1: добавление шорткода в записи и страницы WordPress

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

1. Перейдите на панель управления WordPress.
2. Перейдите к «Сообщениям» или «Страницам»в зависимости от того, куда вы хотите добавить шорткод.
3. Выберите: создать новый элемент или отредактировать существующий.
4. Нажмите кнопку+ в верхней части редактора, чтобы открыть библиотеку блоков.
5. Введите шорткод в строке поиска или найдите его в разделе «Виджеты», чтобы добавить блок шорткода в свой контент.
   
   
6. Нажмите внутри блока «Шорткод», где написано «Напишите здесь короткий код…».
7. Введите фактический короткий код, который вы хотите использовать (например, [your_shortcode] ). Обязательно замените [your_shortcode] коротким кодом, предоставленным вашим плагином или темой.
8. Используйте кнопку«Предварительный просмотр» , чтобы увидеть, как шорткод выполняется в контексте вашего контента.Этот шаг помогает убедиться, что он работает должным образом и выглядит интегрированным.
9. Отрегулируйте положение внутри контента или настройте окружающий текст, чтобы лучше соответствовать выводу короткого кода.
10. Если вы удовлетворены предварительным просмотром, нажмите«Опубликовать» (для новых сообщений или страниц) или «Обновить»(если вы редактируете существующую), чтобы изменения вступили в силу.

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

Способ 2: добавление шорткода в виджеты боковой панели WordPress

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

1. Получите доступ к панели управления WordPress.
2. Выберите «Внешний вид» на левой боковой панели, а затем нажмите «Виджеты». Вы попадете в область управления виджетами.
3. Найдите виджет«Шорткод» в списке доступных виджетов.
4. Перетащите виджет в нужную область боковой панели справа. Эта область может быть помечена как «Главная боковая панель», «Нижний колонтитул» или другая пользовательская боковая панель в зависимости от вашей темы.
   
   
5. В текстовой области виджета введите короткий код, который вы хотите использовать (например, [your_shortcode] ). Замените [your_shortcode] конкретным коротким кодом, который запускает желаемую функциональность.
6. Нажмите кнопку«Сохранить» на виджете, чтобы применить изменения.
7. Посетите интерфейс вашего веб-сайта, чтобы просмотреть выходные данные шорткода на боковой панели. Это гарантирует, что он работает правильно и хорошо интегрируется с дизайном вашего сайта.

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

Способ 3. Добавление шорткода в старый классический редактор WordPress.

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

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

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

Способ 4. Добавление шорткода в файлы темы WordPress.

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

1. Всегда начинайте с резервного копирования вашего сайта WordPress. Эта мера предосторожности гарантирует, что вы сможете восстановить исходное состояние, если в процессе редактирования что-то пойдет не так.
2. Используйте FTP-клиент для подключения к вашему серверу и перейдите в каталог /wp-content/themes/your-theme/ , где your-theme — это каталог используемой вами темы.
3. Кроме того, вы можете получить доступ к файлам темы непосредственно из панели управления WordPress, выбрав «Внешний вид» > «Редактор тем».
4. Определите файл PHP, в котором вы хотите разместить шорткод. Обычно для этой цели используются файлыsidebar.php , footer.php или header.php .
5. Откройте файл для редактирования.
6. Поместите следующий PHP-код в то место файла, где вы хотите, чтобы вывод шорткода отображался:

echo do_shortcode ( '[ваш_короткий код]' );

4. Замените [your_shortcode] конкретным коротким кодом, который вы реализуете.
5. Сохраните изменения в файле PHP.
6. Посетите свой сайт, чтобы убедиться, что короткий код выполняется правильно и отображается в структуре темы должным образом.

Этот метод мощный, но требует осторожности. Всегда создавайте резервную копию своего сайта перед внесением изменений в файлы темы.

Способ 5. Добавление короткого кода в файлы тем блоков с помощью полнофункционального редактора сайта.

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

1. Перейдите на панель управления WordPress.
2. Перейдите в «Внешний вид» и выберите «Редактор». Откроется полнофункциональный редактор сайта.
   
   
3. В FSE вы увидите структуру шаблона вашего сайта, отображаемую визуально.
   
   
4. Нажмите на область, куда вы хотите добавить шорткод, чтобы открыть инструмент вставки блоков.
5. Найдите и выберите блокShortcode из списка доступных блоков.
6. Поместите блок шорткода в нужное место вашего шаблона.
   
   
7. Щелкните внутри блока Shortcode и введите короткий код, который вы хотите использовать (например, [your_shortcode] ).
8. Замените [your_shortcode] конкретным коротким кодом, предоставленным вашим плагином или пользовательским кодом.
9. После ввода шорткода нажмите кнопку «Сохранить » в правом верхнем углу, чтобы сохранить изменения в шаблоне.
10. Обязательно сохраните общие изменения на сайте, если будет предложено, что может включать обновление других частей шаблона или глобальных стилей.

Этот метод легко интегрирует короткие коды в блочную структуру темы.

Способ 6. Создание собственного короткого кода в WordPress

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

1. Решите, добавлять ли пользовательский код непосредственно в файл function.php вашей темы или в плагин для конкретного сайта. Использование плагина, как правило, безопаснее, поскольку ваши изменения сохранятся, даже если вы измените тему.
2. Откройте файл function.php или файл собственного плагина.
3. Определите новую функцию, которая инкапсулирует функциональность, которую вы хотите добавить. Например, чтобы отобразить текущий год:

 функция show_current_year () {

 дата возвращения ( 'Y' )

4. Под функцией используйте функцию add_shortcode() , чтобы зарегистрировать новый шорткод в WordPress:

 add_shortcode ( 'current_year' , 'show_current_year' );

5. Первый параметр — это тег короткого кода ( current_year ), который пользователи будут вводить в скобках (например, [current_year] ) в своих сообщениях или виджетах.
6. Второй параметр — это имя только что определенной функции ( show_current_year ).
7. Теперь вы можете вставлять [current_year] в сообщения, страницы, виджеты и даже в файлы PHP с помощью do_shortcode('[current_year]'); функция. Этот короткий код будет выводить текущий год, где бы он ни использовался.

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

• Если вы решите использовать плагин, вам необходимо установить плагин WPcode.
  
  

• После активации найдите фрагменты кода, выберите + Добавить фрагменти добавьте туда код.
  
  

Шорткоды против блоков Гутенберга

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

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

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

Разница между блоками и шорткодами

Заключение

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

Упростите WordPress с помощью 10Web

Пропустите ручную работу с управляемым хостингом WordPress 10Web.

Научиться