Плагины для создания шорткодов в wordpress: на русском языке, с подробными инструкциями и примеры других инструментов

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

Shortcodes Ultimate на русском языке

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

  • Около 50 видов активных шорткодов
  • Быстрая вставка
  • Адаптивность
  • Заявлена совместимость со всеми темами и плагинами wordpress
  • Лёгкий код для доработки
  • Поддержка guttenberg
  • Имеет собственный виджет

Обзор настроек

Разберём как пользоваться данным wordpress плагином. Устанавливаем стандартно через поиск из панели, или скачиваем с этой страницы. Активируем и переходим в новый раздел “Шорткоды”. В пункте настроек, есть два важных момента:

Shortcodes Ultimate обзор настроек
Shortcodes Ultimate обзор настроек
  • Свой CSS код, не вставляйте стили в шаблон, если захотите изменить внешний вид стандартных блоков
  • Префикс, отличительная приставка, чтобы шорткоды не спорили с другими плагинами, можете изменить на своё значение

Если необходимо вывести JavaScript или обширный HTML, без всякого оформления, как он есть, то рекомендую воспользоваться другим вариантом под названием shortcoder, описанным ниже.

Доступные shortcod

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

доступные варианты шорткодов к использованию
доступные варианты шорткодов к использованию

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

Работа в записях и страницах wordpress

Для добавления быстрых кодов в запись или страницу, переходим в редактирование и вверху над панелью появиться кнопка с символом [ ]. Нажимая на неё, откроется список элементов, выбираем необходимый и в следующем окне настраиваем отображение.

создание в статьях

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

Вставка в виджетах

Данный плагин wordpress умеет работать с виджетами, создавая собственный в панели “внешний вид”. Заходим и спускаемся вниз, находим одноимённый виджет и перетаскиваем к активным. Таким же методом настраиваем и сохраняем.

шорткоды в виджетах

Отмечу простоту использования, продуманность зашкаливает. Если не жалко 30$ и желаете расширить плагин до премиум версии, то покупка себя оправдает.

Советую почитать:

  1. Как делать shortcodes самому
  2. Калькуляторы wordpress
  3. Делаем красивую бегущую строку

Если рассказал не понятно то прошу просмотреть видео.

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

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

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

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

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

Если Вам понравилась статья — поделитесь с друзьями
Валентин
С 2008 года изучаю wordpress, веду блоги, пишу статьи. Бывает подрабатываю создавая сайты на этом удивительном движке.
Обсуждение: 3
  1. Сергей

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

    1. Михаил Петров

      Добрый день!

      В этом посте для примера используется премиум-тема Root (https://wpshop.ru/themes/root). Эти блоки внимания уже встроены в тему.

      С уважением Михаил

  2. Ирек

    У меня тема Root. Установил Shortcodes Ultimate. В самом начале статьи установил Буквицу, но когда посмотрел на анонс под карточкой поста, то этой самой первой буквы там не увидел. Её просто там не было. В чём может быть дело?

Задать вопрос