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

Опубликовано: 2021-09-18

Использование шорткодов - неотъемлемая часть работы WordPress. Многие плагины не добавляют пользовательские блоки в редактор блоков. Вместо этого они позволяют вам использовать шорткоды для размещения элементов в ваших сообщениях и страницах (и настраивать их). Для этого вам нужно использовать блок Shortcode .

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

Давай приступим к работе!

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

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

Блок шорткода

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

Добавление шорткода

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

Шорткод WooCommerce

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

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

Корзина WooCommerce

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

Настройки и параметры блока шорткода

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

Если вы посмотрите на панель инструментов форматирования блока, вы увидите, что она предлагает только один вариант - выбор, чтобы переключить его для другого элемента:

Преобразование блока шорткода

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

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

Блок шорткода удивительно легко добавить к любому сообщению или странице. Единственная проблема при использовании шорткодов заключается в самом коде.

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

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

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

Часто задаваемые вопросы о блоке шорткода

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

Почему не работают мои шорткоды?

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

Могу ли я добавить несколько шорткодов в сообщение или страницу?

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

Шорткоды лучше блоков?

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

Могу ли я добавить несколько шорткодов, используя один блок?

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

Почему у меня нет доступа к блоку шорткода?

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

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

Заключение

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

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

У вас есть вопросы о том, как использовать блок Shortcode ? Давайте поговорим о них в разделе комментариев ниже!

Лучшее изображение через MchlSkhrv / shutterstock.com