Art Decoration Shortcode — плагин шорткодов
Написал для себя плагин шорткодов. Я в курсе, что есть масса других плагинов с таким же функционалом, но на мой взгляд они не очень удобные или содержат слишком много лишних шоркодов. В плагине Art Decoration Shortcode собраны наиболее употребляемые шорткоды: цветные инфоблоки, кнопки с ховер-эффектами, колонки на флексе, прикольные разделители, буквица, плавающие цитаты и просто цветной текстовый блок. А еще есть удобное управление ими, да и само оформление совершенно другое. А теперь подробнее…
к содержаниюИнфоблоки
В разделе «Инфоблоки» находятся шорткоды для выделения текста. Каждая иконка и цвет в пункте соответствует именно тому, что будет в действительности. Например, если иконка «Лампочка» и цвет красный, то они такими будут и на реальном тексте (цвет, естественно, будет не такой радикально красный, тут скорее речь про оттенки).
Плагин шорткодов Art Decoration Shortcodes. Информационные блокиПримеры блоков (текст для примера берется из бредогенератора)
Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание систем массового участия. Не следует, однако забывать, что реализация намеченных плановых заданий требуют от нас анализа системы обучения кадров, соответствует насущным потребностям.
Товарищи! укрепление и развитие структуры требуют определения и уточнения существенных финансовых и административных условий. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке существенных финансовых и административных условий.
Значимость этих проблем настолько очевидна, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание форм развития. Равным образом новая модель организационной деятельности влечет за собой процесс внедрения и модернизации форм развития.
Задача организации, в особенности же дальнейшее развитие различных форм деятельности позволяет оценить значение модели развития. Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании существенных финансовых и административных условий.
к содержаниюПроизвольный блок
Стандартный
Внимание!
Товарищи! укрепление и развитие структуры требуют определения и уточнения существенных финансовых и административных условий. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке существенных финансовых и административных условий
С собственным цветом
На заметку!
Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке существенных финансовых и административных условий
Без заголовка
Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке существенных финансовых и административных условий
к содержаниюШорткоды инфоблоков
[tds_warning]Здесь текст[/tds_warning] [tds_council]Здесь текст[/tds_council] [tds_note]Здесь текст[/tds_note] [tds_info]Здесь текст[/tds_info] [ads_custom_box title="Здесь заголовок" color_border="#05e818"]Здесь текст[/ads_custom_box]
Кнопки
Скорее одна кнопка, но к ней можно применить разные ховер-эффекты (анимашки при наведении курсора мыши). 12 (!) разных эффектов, их надо просто «пощупать», чтобы понять насколько они прикольные. А еще к кнопкам можно иконки прикрутить.
Плагин шорткодов Art Decoration Shortcodes. Кнопки с ховерэффектамиЕсть небольшие моменты. Все ховер-эффекты используют «жесткие» размеры, а потому размер кнопки ограничен до 250рх, но все равно они классные.
к содержаниюШорткоды кнопок
к содержанию[ads_btn label_btn="Эффект Swipe" url="#" target="false" view_btn="adsbtn-swipe" icon="dashicons dashicons-admin-plugins"] [ads_btn label_btn="Эффект Diagonal" url="#" target="false" view_btn="adsbtn-diagonal" icon="dashicons dashicons-admin-appearance"] [ads_btn label_btn="Эффект Double" url="#" target="false" view_btn="adsbtn-double" icon="dashicons dashicons-admin-generic"] [ads_btn label_btn="Эффект Close" url="#" target="false" view_btn="adsbtn-diagonal-close" icon="dashicons dashicons-admin-customizer"] [ads_btn label_btn="Эффект Zoning In" url="#" target="false" view_btn="adsbtn-zoning" icon="dashicons dashicons-admin-comments"] [ads_btn label_btn="Эффект 4 Corners" url="#" target="false" view_btn="adsbtn-4corners" icon="dashicons dashicons-welcome-learn-more"] [ads_btn label_btn="Эффект Slice" url="#" target="false" view_btn="adsbtn-slice" icon="dashicons dashicons-controls-repeat"] [ads_btn label_btn="Эффект Alternate" url="#" target="false" view_btn="adsbtn-alternate" icon="dashicons dashicons-cloud"] [ads_btn label_btn="Эффект Smoosh" url="#" target="false" view_btn="adsbtn-smoosh" icon="dashicons dashicons-admin-site"] [ads_btn label_btn="Эффект Collision" url="#" target="false" view_btn="adsbtn-collision" icon="dashicons dashicons-image-filter"] [ads_btn label_btn="Эффект Position" url="#" target="false" view_btn="adsbtn-position-aware" icon="dashicons dashicons-star-filled"] [ads_btn label_btn="Horizontal Overlap" url="#" target="true" view_btn="adsbtn-horizontal-overlap" icon="fa fa-coffee"]
Колонки
Обязательная вещь в подобных плагинах. В ADS (Art Decoration Shortcode) используется flex-сетка с возможностью разбиения до 5-ти колонок. Хотя можно и по разному варьировать. Есть готовые сеты, по несколько колонок
Плагин шорткодов Art Decoration Shortcodes. Колонкик содержаниюКолонки. Внешний вид
к содержаниюШорткоды колонок
к содержанию[ads_row] [ads_col col="cell"]1/2[/ads_col] [ads_col col="cell"]1/2[/ads_col] [/ads_row] [ads_row] [ads_col col="cell"]1/3[/ads_col] [ads_col col="cell"]1/3[/ads_col] [ads_col col="cell"]1/3[/ads_col] [/ads_row] [ads_row] [ads_col col="cell"]1/4[/ads_col] [ads_col col="cell"]1/4[/ads_col] [ads_col col="cell"]1/4[/ads_col] [ads_col col="cell"]1/4[/ads_col] [/ads_row] [ads_row] [ads_col col="cell"]1/5[/ads_col] [ads_col col="cell"]1/5[/ads_col] [ads_col col="cell"]1/5[/ads_col] [ads_col col="cell"]1/5[/ads_col] [ads_col col="cell"]1/5[/ads_col] [/ads_row] [ads_row] [ads_col col="cell"]1/3[/ads_col] [ads_col col="cell-2of3"]2/3[/ads_col] [/ads_row] [ads_row] [ads_col col="cell-3of4"]3/4[/ads_col] [ads_col col="cell"]1/4[/ads_col] [/ads_row] [ads_row] [ads_col col="cell-2of5"]2/5[/ads_col] [ads_col col="cell-3of5"]3/5[/ads_col] [/ads_row] [ads_row] [ads_col col="cell"]1/8[/ads_col] [ads_col col="cell-3of8"]3/8[/ads_col] [ads_col col="cell"]1/8[/ads_col] [ads_col col="cell-1of4"]1/4[/ads_col] [ads_col col="cell"]1/8[/ads_col] [/ads_row]
Разделители
Разделители позволяют визуально отделить одну часть текста от другой.
Плагин шорткодов Art Decoration Shortcodes. Разделителик содержаниюПростой
Градиент
Точки
Чёрточки
Зигзаг
Шорткоды разделителей
[ads_hr hr_style="hr-solid"] [ads_hr hr_style="hr-fade"] [ads_hr hr_style="hr-dots"] [ads_hr hr_style="hr-vertical-lines"] [ads_hr hr_style="hr-zigzag"]
Цитаты
В данном случае это не штатные цитаты, а то что называется «плавающие» цитаты. Иногда полезная вещь
Плагин шорткодов Art Decoration Shortcodes. ЦитатыВыглядит это примерно так
к содержShortcodes Ultimate — шорткоды для вашего сайта
Как и обещал в предыдущем посте, сегодня представляю вам бесплатный плагин — Shortcodes Ultimate. Как мне показалось, из всех подобных плагинов, этот самый мощный и функциональный.
Этот небольшой пост я постараюсь заполнить с использованием шорткодов, так что не удивляйтесь. Правда, буду использовать не коды именно этого плагина а шорткоды текущей темы. Но суть совершенно одинаковая и визуальное представление вы вполне получите.
Установка плагина стандартная. После установки и активации следуем в Админ панель – Параметры – Шорткоды.
Настройки плагина
Страничка настроек плагина Shortcodes Ultimate содержит пять закладок:
- О плагине – тут ссылки на форум поддержки, твиттер разрабов и предложения оценить плагин.
- Настройки – собственно страница настроек плагина. Настроек не особо много и все на русском. Впрочем, как и весь плагин. В основном, тут предоставляется возможность отключить те или иные возможности плагина, в том случае если имеется несовместимость с другими плагинами. Здесь же при необходимости можно выключить некоторые таблицы стилей и скрипты, например для jQuery, Nivo Slider или JW Player. Если все работает нормально и если в вашей теме не используются другие шорткоды, то и трогать ничего не надо.
- Произвольные стили – Окно для css кода, где можно добавить произвольные стили или заменить имеющиеся. Тут же можно посмотреть используемые.
- Шорткоды – подробная таблица всех шорткодов с параметрами и примерами использования.
- Демо – примеры того, как выглядят визуально на странице все имеющиеся шорткоды.
Список шорткодов
Настройки
Вставка шорткодов
Для вставки шорткода на странице или в записи в визуальном тестовом редакторе, нажмите кнопку
Перед вами откроется форма с выпадающим меню, где нужно выбрать необходимый шорткод. После нужных настроек (если они есть) жмем «вставить» или посмотреть «демо» внизу формы.
Вставка шорткода
Шорткод вставлен. Остается только проверить, как он выглядит. При необходимости внести текстовые правки в код и «раскопипастить», если это требуется.
Превосходный плагин. Понятный и удобный. Не мудрено, что разрабы планируют дополнить его платными аддонами. Но это в будущем. А пока, используйте то, что есть (совсем не мало) и наслаждайтесь резальтатами. Но не забывайте старую, добрую старую поговорку «лучшее — враг хорошему».
Сайт плагина
легкое использование шорткодов в записях.
Flector 5, обновлено:
Родная поддержка шорткодов появилась в WordPress версии 2.5, но популярными шорткоды так и не стали. По вполне понятной причине — их использование в WordPress подразумевает хотя бы минимальное знание php, а большинство пользователей WordPress такими знаниями не обладают. Собственно, именно поэтому плагины для создания и использования шорткодов стали довольно популярны среди блогеров. Из десятка просмотренных мной плагинов больше всего мне понравился плагин Shortcoder. Он не лишен некоторых недостатков, но, тем не менее, он мне показался наиболее простым и при этом достаточно мощным для решения практически любой задачи. Что можно легко сделать с его помощью? Например, вставкой одного шорткода можно добавить в вашу запись рекламу от
Скачиваем плагин с его домашней страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку shortcoder в /wp-content/plugins/.
3. Заходим в админку блога на вкладку «Плагины» и активируем плагин.
Как таковых настроек в плагине нет. Вы сразу можете добавить или отредактировать шорткод в «Параметрах\Shortcoder«. Чем мне понравился именно этот плагин шорткодов? Тем, что при использовании шорткода можно использовать переменные. Недостаток тут только один: нужно использовать встроенные переменные, так как плагин не дает возможности добавить свои переменные. Однако, все переменные, несмотря на свои названия, могут использоваться как вам угодно, поэтому в вашем распоряжении будет 16 различных переменных, чего более, чем достаточно.
Чтобы вы поняли пользу от использования шорткодов я приведу несколько примеров, от простого к сложному. Начнем с самого банального — сделаем шорткод, вставляющий в запись ссылку на какой-нибудь сайт. Оформим ссылку так, чтобы она не индексировалась поисковыми системами и открывалась в новой вкладке браузера. Зайдите в «Параметры\Shortcoder«, в списке «Shortcode Name» выберите любой неиспользуемый шорткод, ниже введите его имя, например «google«, а в редакторе введите следующий код:
<noindex> <a href="http://www.google.ru" rel="nofollow" target="_blank"> <strong>Google.ru</strong></a> </noindex> |
<noindex> <a href=»http://www.google.ru» rel=»nofollow» target=»_blank»> <strong>Google.ru</strong></a> </noindex>
Нажмите кнопку «Update» и после этого шорткод готов к использованию. Если теперь вы вставите в запись блога шорткод:
То он автоматически будет заменен на неиндексируемую ссылку на сайт гугла, открывающуюся в новой вкладке браузера. Это был самый простой пример, не слишком удобный для использования в блоге, так как он выводит ссылку лишь на один сайт, а нам, возможно, надо также оформлять сотни разных ссылок в блоге. Модифицируем этот пример так, чтобы в нужном оформлении выводилась любая указанная нами ссылка. Для этого будем использовать переменную %url%. Добавьте новый шорткод с именем «link«, а в редакторе введите:
<noindex> <a href="%url%" rel="nofollow" target="_blank">%url%</a> </noindex> |
<noindex> <a href=»%url%» rel=»nofollow» target=»_blank»>%url%</a> </noindex>
Синтаксис вызова шорткода будет здесь таким:
[sc name="link" url="http://www.google.ru"] |
[sc name=»link» url=»http://www.google.ru»]
Однако в данном случае анкором ссылки всегда будет текст самой ссылки. Чтобы это поправить чуть-чуть изменим этот шорткод следующим кодом:
<noindex> <a href="%url%" rel="nofollow" target="_blank">%title%</a> </noindex> |
<noindex> <a href=»%url%» rel=»nofollow» target=»_blank»>%title%</a> </noindex>
Вызывать шорткод теперь надо, указывая и ссылку и анкор ссылки:
[sc name="google" url="http://www.google.ru" title="Google.ru"] |
[sc name=»google» url=»http://www.google.ru» title=»Google.ru»]
Сразу хочу заметить, что текст анкора передается через переменную %title%. Как я уже говорил, переменные можно использовать любым способом, независимо от их имени. То есть с тем же результатом можно было передавать ссылку в переменной %title%, а анкор ссылки в переменной %url%.
Данные примеры немного надуманны — в конце концов, иногда проще вставить ссылку в нужном оформлении сразу, чем вспоминать синтаксис необходимого шорткода. Рассмотрим случаи, когда использование шорткодов более оправданно. Например, вставим ролик с сайта RuTube.ru. Создайте шорткод с именем «rutube«, введите следующий код:
<OBJECT> <PARAM name="movie" value="http://video.rutube.ru/%src%"></PARAM> <PARAM name="wmode" value="window"></PARAM> <PARAM name="allowFullScreen" value="true"></PARAM> <EMBED src="http://video.rutube.ru/%src%" type="application/x-shockwave-flash" wmode="window" allowFullScreen="true"></EMBED> </OBJECT> |
<OBJECT> <PARAM name=»movie» value=»http://video.rutube.ru/%src%»></PARAM> <PARAM name=»wmode» value=»window»></PARAM> <PARAM name=»allowFullScreen» value=»true»></PARAM> <EMBED src=»http://video.rutube.ru/%src%» type=»application/x-shockwave-flash» wmode=»window» allowFullScreen=»true»></EMBED> </OBJECT>
Чтобы теперь встроить в запись блога ролик с сайта RuTube.ru достаточно использовать шорткод:
[sc name="rutube" src="a4c5a421feabd67cdfb2d3d90e845f4e"] |
[sc name=»rutube» src=»a4c5a421feabd67cdfb2d3d90e845f4e»]
Где переменная %src% указывает на ID ролика. Подобным образом можно добавить шорткоды для любых сайтов видео-хостинга от YouTube до Яндекс.Видео. Таким простым способом плагин Shortcoder может вам заменить любой плагин для встраивания видео-роликов в записи блога.
Аналогичным способом можно встраивать в записи блога рекламу AdSense, Flash-содержимое и т.д. Для AdSense достаточно передать в переменной шорткода ID вашего аккаунта. Flash-содержимое и JS-скрипты вообще можно вызвать шорткодами без переменных. Я так навскидку могу назвать как минимум 5 различных плагинов, которые я рассматривал в данном блоге и которые может заменить лишь один только плагин Shortcoder.
Почти на любом блоге встречаются блоки информации, которые повторяются время от времени и которые можно вызывать через шорткод. На моем собственном опыте: в каждой статье о плагине внизу у меня идет блок информации о плагине. Когда я возился с созданием этого блога, я додумался заранее оформить этот блок с нужным идентификатором в css, поэтому в любом момент правкой css стилей шаблона я могу изменить внешний вид этого блока сразу во всех статьях сайта. Однако я не додумался использовать шорткоды и теперь не имею возможности, скажем, поменять местами строчки в этом блоке. Для этого мне необходимо править каждую статью о плагине вручную, а это, как вы понимаете, совсем не просто. А вот через шорткод поменять содержимое блока можно было бы за 1 минуту. Вот смотрите пример, скажем я создаю шорткод со следующим кодом:
<p> Автор плагина: <noindex><a href="%url%" rel="nofollow" target="_blank"><strong>%title%</strong></a> </noindex> <br /> Страница плагина: <noindex><a href="%misc1%" rel="nofollow" target="_blank">%misc1%</a></noindex> <br /> Рассматриваемая версия: <strong>%misc2%</strong> от <strong>%misc3%</strong> <br /> Совместимость с версией WordPress: <strong>%id%</strong> и выше. </p> |
<p> Автор плагина: <noindex><a href=»%url%» rel=»nofollow» target=»_blank»><strong>%title%</strong></a> </noindex> <br /> Страница плагина: <noindex><a href=»%misc1%» rel=»nofollow» target=»_blank»>%misc1%</a></noindex> <br /> Рассматриваемая версия: <strong>%misc2%</strong> от <strong>%misc3%</strong> <br /> Совместимость с версией WordPress: <strong>%id%</strong> и выше. </p>
Шорткод вызываю так:
[sc name="plugin" url="http://w-shadow.com/blog/2007/08/05/broken-link-checker-for-wordpress/" title="Janis Elsts" misc1="http://wordpress.org/extend/plugins/broken-link-checker/" misc2="0.9.7.1" misc3="10.10.2010"] |
[sc name=»plugin» url=»http://w-shadow.com/blog/2007/08/05/broken-link-checker-for-wordpress/» title=»Janis Elsts» misc1=»http://wordpress.org/extend/plugins/broken-link-checker/» misc2=»0.9.7.1″ misc3=»10.10.2010″]
И в итоге получаю нынешнее оформление:
Теперь чтобы поменять строчки в этом блоке на всем сайте мне достаточно изменить код шорткода на:
<p> Рассматриваемая версия: <strong>%misc2%</strong> от <strong>%misc3%</strong> <br /> Совместимость с версией WordPress: <strong>%id%</strong> и выше. <br /> Страница плагина: <noindex><a href="%misc1%" rel="nofollow" target="_blank">%misc1%</a></noindex> <br /> Автор плагина: <noindex><a href="%url%" rel="nofollow" target="_blank"><strong>%title%</strong></a> </noindex> </p> |
<p> Рассматриваемая версия: <strong>%misc2%</strong> от <strong>%misc3%</strong> <br /> Совместимость с версией WordPress: <strong>%id%</strong> и выше. <br /> Страница плагина: <noindex><a href=»%misc1%» rel=»nofollow» target=»_blank»>%misc1%</a></noindex> <br /> Автор плагина: <noindex><a href=»%url%» rel=»nofollow» target=»_blank»><strong>%title%</strong></a> </noindex> </p>
И в результате блок информации изменится на всем сайте и будет таким:
И все это изменение займет всего лишь одну минуту, так как вызов шорткода остался старым, а я всего лишь изменил содержимое кода этого шорткода. Не удивляйтесь, что стили блока на скриншотах незначительно отличаются от того, что вы видите внизу этой статьи. Просто плагин я тестировал на тестовом блоге, а решимости переделать все статьи этого блога под использование указанного выше шорткода мне пока не хватает, уж больно много статей придется править.
Кроме пользовательских шорткодов в плагине есть возможность использовать встроенные в него шорткоды, вот их список:
1. Закодированный Email.
[email][email protected][/email] |
[email][email protected][/email]
2. Короткий урл «Tiny url».
[su url="http://www.wordpressplugins.ru/"]Короткий урл[/su] |
[su url=»http://www.wordpressplugins.ru/»]Короткий урл[/su]
3. Встроенный RSS-ридер.
[rss feed="http://feeds.feedburner.com/wordpresspluginsru" num="5"] |
[rss feed=»http://feeds.feedburner.com/wordpresspluginsru» num=»5″]
Этот шорткод должен выводить указанное число заголовков из RSS-ленты. Он так и делает, но портит при этом русский текст. Так что пользоваться данным шорткодом пока нельзя.
В плагине есть еще парочка встроенных шорткодов, но они или не работают (вывод списка похожих записей) или не предназначены для нашей страны (ссылка на сбор пожертвований в PayPal) и поэтому я о них не пишу.
Плагин отличный, но недостатки в нем тоже есть: число шорткодов ограничено 20-ю и мне не совсем понятно зачем нужно это ограничение; нет возможности использовать свои собственные переменные; частично не работают встроенные шорткоды. Это, конечно, не особо критично, но все-таки хотелось бы идеального плагина.
Автор плагина: Aakash Chakravarthy
Страница плагина: http://wordpress.org/extend/plugins/shortcoder/
Скачать русский плагин: shortcoder.zip
Рассматриваемая версия: 2.3 от 09.08.2010
Совместимость с версией WordPress: 2.5 и выше.
Styles with Shortcodes — стили и шорткоды
Завершая общую тему о шорткодах, после предыдущего обзора бесплатного плагина, сегодня будет обзор плагина коммерческого — Styles with Shortcodes от известной команды разработчиком премиум плагинов – RightHere.
Установка плагина стандартная и никаких затруднений не вызовет. После установки и активации находим в админ панели – Shortcodes и попадаем в меню плагина из пяти пунктов.
Меню плагина:
- Shortcodes — большая таблица всех доступных шорткодов с фильтром отображения и и возможных действий. Кликнув по названию любого, попадаем на страницу настройки данного шорткода. Тут можно полностью отредактировать все доступные поля, все дополнительные тонкие настройки, изменить таблицу стилей. Сделать экспорт всех настроек шорткода. С правой стороны расположены подробные подсказки. В общем, мощный инструмент, достойный отдельного мануала.
- Add new Shortcode – создать новый шорткод. Если вы чувствуете в себе силы, что бы создать полностью свой шорткод – «велкам», как говорится. Интерфейс полностью аналогичен предыдущему разделу.
- Рубрики – разработчики заботливо разбили все имеющиеся шорткоды по категориям. Можно добавить свою.
- Options– отдельный раздел, состоящий в свою очередь из шести подпунктов.
- General Settings – можно отключить показ шорткодов в виджетах или при использовании autop, а так же настроить размер выводимых изображений с внешних сервисов типа flickr.com.
- Bundles – сделать «ресет» всем настройкам ваших шорткодов и их связок между собой.
- Troubleshooting options – поставить галочку, если используете в шорткодах очень длинные тексты.
- Lightbox Settings – дополнительные настройки и возможность отключить встроенный по умолчанию в тему Lightbox.
- Shortcode Insert Tool Accessibility – возможность ограничить доступ к отдельным инструментам.
- Shortcode Insert Tool settings – параметры отображения кнопки для втавки шорткодов на разных страницах
- License – ввести номер лицензии. Плагин будет нормально работать и без таковой, но тогда вы не получите доступ к дополнительному загружаемому контенту.
- Download – доступ к дополнительным возможностям (см пункт — лицензия).
Вставка шорткодов:
Осуществляется нажатием кнопки Add Styles with Shortcodes в визуальным текстовым редакторе. По нажатию выводится окно формы, где вы можете выбрать нужный шорткод из выпадающего списка. Далее выбираем категорию и нужный шорткод. В удобном, специальном для каждого шорткода окне устанавливаем все настройки отображения – размеры, тексты, эффекты и прочее. Жмем «Insert Shortcode».
Вот такой могучий и надо признать удобный инструмент. Особенно порадовали возможности тонкого выбора настроек и параметров для вывода практически каждого отдельного шорткода. Все сделано очень удобно. Даже значения размеров, можно не только вводить цифрами, но и просто перемещая соответствующий ползунок.
После выхода основного плагина, разработчики выпустили к нему несколько отдельных аддонов в виде микро дополнений. Каждый за отдельные деньги. Как вам – платные аддоны к платному же плагину? Сомнительное решение, на мой взгляд, ну да им конечно виднее.
В целом, повторюсь — великолепный плагин, который станет не только мощным источником заготовленных шорткодов, но и поможет с разработкой собственных.
Страница плагина