Популярные плагины шорткодов в wordpress

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

Shortcodes Ultimate

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

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

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

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

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

Основные ошибки! Или почему не работает шорткод wordpress?

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

На самом деле, способов добавления существует два, а именно:

wordpress shortcode в шаблон

<?php echo do_shortcode( » ); ?>
<?php echo do_shortcode( «» ); ?>

1 2	<?phpechodo_shortcode(»);?> <?phpechodo_shortcode(«»);?>

Как вы можете заметить, отличаются они между собой только кавычками — одинарными и двойными. Синтаксис языка php очень внимательно относиться к таким кавычкам. И если внутрь второй функции, которая с двумя кавычками, вы вставляете шорткод также с двумя кавычками, например, такой как у нас был :то вам будет выдана ошибка на сайте.

Для того, чтобы ошибок не было и ваш shortcode работал нормально, нужно чтобы были разные кавычки. Например, так:

Добавить любой из первых двух шорткодов в шаблон WordPress можно прямо в редакторе. Для этого найдите в редакторе сайта подходящий php-файл, который управляет «местом» на сайте, где вы хотите вывести ваш слайдер. Найти это место вы можете в инструментах разработчика прямо в вашем браузере, нажав сочетание клавиш Ctrl+Shift+I.

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

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

P.S: Кстати, такой принцип вставки шорткода в php будет работать на любых сайтах, независимо от того, на каком движке (CMS) они работают.

Создание информационного блока при помощи шорткода WordPress.

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

function box_shortcode( $atts, $content = null )
{
    extract( shortcode_atts( array(
      'color' => 'yellow',
      'size' => 'medium',
      ), $atts ) );

      return '

<style type="text/css">
		.shortcode_box {
			padding: 2px 4px;
			border: 1px solid #ccc;
		}
		.yellow {
			background: #ffd149;
			color: #666;
		}
		.blue {
			background: #a0c5ef;
			color: #333;
		}
		.gray {
			background: #f0f0f0;
			color: #333;
		}
		</style>



<div class="shortcode_box ' . $size . ' ' . $color . '">' . $content . '</div>

';

}
add_shortcode('box', 'box_shortcode');

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

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

Результат:

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

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

Примеры ereg PHP

Integration with themes and plugins

Core-plugin Shortcodes Ultimate can be integrated into any theme or plugin including premium ones. It is not recommended to integrate plugin code directly to code of your theme or plugin. Use TGM Plugin Activation Script, which allows the users to download the recommended plugins independently. Integration of premium add-ons of Shortcodes Ultimate plugin into free themes and plugins is forbidden. Integration of premium add-ons of Shortcodes Ultimate into premium themes and plugins is allowed only with full observance of the following conditions:

• Every single product should have Unlimited Site licence purchased specifically for the add-on that will be integrated;
• Product page or readme file of the product should contain direct link to our website with the information on the integrated add-on;
• Buyers of premium themes should be notified on the fact we donʼt provide technical support to the users of your themes.

For more detailed technical information on integration of our plug-ins into your themes and plugins please look through our knowledge base. You can not include purchased license key(s) in your premium products. Shared license keys will be blocked.

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

Использовать наборы функций очень просто. Блогеру нужно создать новый пост или открыть для редактирования уже имеющуюся запись. Затем необходимо переключить редактор текста на HTML-режим и указать код в квадратных скобках: . Можно также использовать атрибуты. Запись будет выглядеть так: .

В шорткоды можно встраивать любой контент: текст. В WordPress 2.5 введен набор функций, называемый Shortcode API. После сохранения поста содержание записи обрабатывается. Параллельно Shortcode API преобразует шорткоды для исполнения возложенных на них функций.

Options

Option name	Possible values	Default value
templateRelative path to the template file. Default templates placed in the plugin directory (templates folder). You can copy them under your theme directory and modify as you want. You can use following default templates that already available in the plugin directory:templates/default-loop.php – posts looptemplates/teaser-loop.php – posts loop with thumbnail and titletemplates/single-post.php – single post templatetemplates/list-loop.php – unordered list with posts titles	Any text value	templates/default-loop.php
idEnter comma separated ID’s of the posts that you want to show	Any text value	– none –
posts_per_pageSpecify number of posts that you want to show. Enter -1 to get all posts	Number from -1 to 10000	12
post_typeSelect post types. Hold Ctrl key to select multiple post types	Post type slug(s) separated by comma(s)	post
taxonomySelect taxonomy to show posts from	Taxonomy slug(s) separated by comma(s)	category
tax_termSelect terms to show posts from	Term slug(s) separated by comma(s)	– none –
tax_operatorOperator to test	IN (IN – posts that have any of selected categories terms)NOT IN (NOT IN – posts that is does not have any of selected terms)AND (AND – posts that have all selected terms)	IN
authorEnter here comma-separated list of author’s IDs. Example: 1,7,18	Any text value	– none –
meta_keyEnter meta key name to show posts that have this key	Any text value	– none –
offsetSpecify offset to start posts loop not from first post	Number from 0 to 10000
orderPosts order	desc (Descending)asc (Ascending)	DESC
orderbyOrder posts by	none (None)id (Post ID)author (Post author)title (Post title)name (Post slug)date (Date)modified (Last modified date)parent (Post parent)rand (Random)comment_count (Comments number)menu_order (Menu order)meta_value (Meta key values)meta_value_num (Meta key values (Numeric))	date
post_parentShow childrens of entered post (enter post ID)	Any text value	– none –
post_statusShow only posts with selected status	publish (Published)pending (Pending)draft (Draft)auto-draft (Auto-draft)future (Future post)private (Private post)inherit (Inherit)trash (Trashed)any (Any)	publish
ignore_sticky_postsSet to “yes” to prevent sticky posts from being moved to the start of the returned list of posts. They are still included, but appear in regular order	yes or no	no

Вставить напрямую в шаблон

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

С помощью функций темы

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

Раздел Code Editor

1. Нашел где можно прописать шорткод
2. Вижу, что на предварительно просмотре форма работает
3. Если все устраивает, то нажимаю опубликовать

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

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

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

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

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

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

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

CSS классы…

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

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

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

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

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

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

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

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

Описание

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

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

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

Однако, если вы обновите или смените шаблон — шорткоды обрабатываться перестанут. Если планируется в будущем менять дизайн блога, то код всех шорткодов лучше разместить в одном файле, например, shortcodes.php, а его разместить в папке my в корне сайта.

В этом случае нужно организовать вызов, вставив в файл functions.php команду require_once( ‘my/shortcodes.php’ );

После смены или обновления темы Вордпресса не забудьте заново прописать эту команду.

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

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

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

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

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

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

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

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

Описание

Customize your WooCommerce store with more than 60 functions and shortcodes, ranging from the important points of your store such as: Access, My account page, shop page, thank you pages among others, to additional content to reinforce: as content restriction, adaptation to the new law of data protection, security, advanced user data, messages according to the number of orders among many more advantages.

«Woo Shortcodes Kit» does not work alone. It is originally created for WooCommerce, so before install «Woo Shortcodes Kit» you must have need to install WooCommerce on your website.

**Tested & Running with WorPress v.5.5.1 | WooCommerce v.4.6.1 (26/10/20)

Translation

• English — default, .pot file included.
• Spanish — translation file 100% ready to use.
• Brazilian/Portuguese — translation file 100% ready to use.

Feedback

• Follow now on Instagram: Visit now!
• Contact or send your ideas from twitter! @Disespubli

• Follow all the news on the official Fanpage: Visit now!

• Is the plugin helping you? You can contribute! Thank you!

More

Documentation: Check now!

Subscribe now to the WSHK Youtube channel and get nofitied about the new videos!

MEET THE FIRSTS ADDONS FOR WOO SHORTCODES KIT!

Build your account page more easy than ever!

Premium addon to build your account from scratch easily with any builder! Have a perfect integration with Elementor:

Что это и зачем нужно?

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

Самый простой пример – обычная галерея WP для статьи – в админке пишете , а на сайте увидите группу фотографий. Либо можете внедрить свой элемент , подставляющий ваш код Google Adsense прямо посреди контента.

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

В CMS допускается 3 типа данных конструкций:

• – базовый вариант;
• – с использованием параметров;
• текст – с текстом внутри.

Риком-Траст

Журнал изменений

1.9.3

*Changelog (26/10/20)

NEWS

• Display max or min price on variable products, now you can choose between display the max price or the min price how the variable products price. Its have an integration with WSHK PRO too, if you are a WSHK PRO user you will can add custom prefix and suffix, check the documentation.

• Responsive UI for small devices, now Woo Shortcodes Kit will adapt the display of the screen, from a screen size of 425px to 4K. Each section and function has been adapted to display correctly.

• Option for Login form shortcode, now you can redirect the users to the previously visited page.

• Compatibility between Orders list shortcode and Webtoffee Subscriptions compatibility and custom shortcode

FIXED

• Solved 2 undefined variables when was unchecked the checkbox to Hide Terms and conditions checkbox for logged in users on “Custom Terms and Conditions checkbox in WooCommerce checkout page” function.

• undefined variables on function GDPR on checkout page

UPDATED

• Privacy Policy acceptance verification for “GDPR on WooCommerce checkout page” function, now can check if the user has been accepted the checkbox from the order details page.

• Terms and Conditions acceptance verification for “Custom Terms and Conditions checkbox in WooCommerce checkout page” function, now can check if the user bas been accepted the checkbox from the order details page.

• Get WSHK PRO message on the following WSHK PRO functions:
  – Orders list shortcode
  – Billing and shipping addresses shortcode
  – Payment methods shortcode
  – Edit account shortcode
  – User gravatar image shortcode
  – Display saving price and percentages on sale products
  – Display max or min price on variable products

• New notifications on NEWS tab

• English template

• Spanish translation

• Brazilian/Portuguese translation

COMPATIBILITY TEST

• Compatible with Easy My Account Builder 1.0.6

• Compatible with WSHK PRO (old Custom Blocks & Redirections) v 1.1.3

• Compatible with WordPress 5.5.1

• Compatible with WooCommerce 4.6.1

Вставить шорткод в запись или страницу

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

В классическом редакторе WordPress

Если вы любите пользоваться классическим редактором, то входим в статью и во вкладке визуально в необходимое место нужно вставить. Разберу на примере форм от плагина Contact Form 7.

Вкладка визуально

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

Форма

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

В Gutenberg

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

Шорткод в гутенберге

• Нажимаем плюс
• Находим раздел Виджеты
• Выбираем одноименный инструмент

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

Новый блок

Нажимаем на предварительный просмотр и видим ту же картину. Простые методы прошли переходим к более сложным.

Форма

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

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

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);

В PHP документе

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

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

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

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

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

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

Как вывести шорткод в php в wordpress, если нет готовой php-функции в плагине?

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

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

shortcode wordpress как вставить

<?php echo do_shortcode( » ); ?>

1	<?phpechodo_shortcode(»);?>

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

Настройка руля на компьютере

Нажмите на рабочем столе компьютера кнопку пуск и выберите «Просмотр устройств и принтеров», тогда увидите все подключенные устройства к вашему ПК.

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

После этого ваше устройство должно найти руль.

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

Как вставить шорткод в тему 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 и для чего они нужны. Также мы рассмотрели разные варианты их создания и вставки на сайт. Обязательно используйте их на своем проекте. В общем, изучайте и внедряйте!

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

Как создать шорткод в 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Не нравится

7WaysGroup

В виджетах

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

Виджет текст

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

Текст

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

Фильтр

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

С помощью плагина

Существует отличный плагин Shortcode Widget скачиваем или устанавливаем из админки WordPress, так он выглядит в поиске.

Shortcode widget в поиске

Заходим Внешний вид > Виджеты, там появиться новый раздел Shortcode Widget. Перетаскиваем в активную зону, прописываем и сохраняем

Shortcode widget

Это 100% способ, если он не помог, то причина скорее всего в ядре WordPress. На этом закончу в статье разобрались как вставить шорткоды в WordPress различными методами и способами, напишите пожалуйста, статья вам помогла?

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

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

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

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"]

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 позволит отказаться от применения других мелких плагинов.

Что такое шорткод (shortcode), и для чего он нужен?

Shortcode – это от англ. «короткий код». Используется он, в основном, при создании плагинов или модулей, предназначенных для работы с системами управления контентом (CMS), например, WordPress, Joomla и др. Проще говоря, этот короткий код является неким ярлыком, который, при добавлении на сайт, подтягивает за собой весь большой код из плагина.

Выглядит шорткод обычно так:  или так  или даже просто в одно слово

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

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

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

а всего лишь вот такой короткий код (Shortcode) в одну строку:

Вставив подобный этому

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

PHP Функции

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

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

При добавлении шорткода через 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(), поэтому добавление еще одного шорткода никак не замедляет скорость обработки — регулярка все равно будет отрабатывать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот

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

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

Консалтинговая компания Atris Consult