Shortcodes Ultimate - WordPress Плагин для Шорткодов. Примеры

Отличный и легкий плагин WordPress, который украсит сайт разными фишками внутри записи или страницы. Если интересен плагин Elementor, но он кусается своим весом и медленной загрузкой — Shortcodes Ultimate как вариант.

Shortcodes Ultimate for WordPress

Посмотрим, что может Shortcodes Ultimate и вставим в эту статью все шорткоды для наглядности.

Содержание

Заголовок

Можно: менять размер шрифта, отступа, различные красивые шаблоны (платные), присвоить якорь и CSS.

Пример бесплатной темы шорткода «Заголовок»:

Размер: 13

Текст заголовка

Размер: 20

Текст заголовка

Вкладки

Вкладки можно настроить стандартно горизонтально и вертикально. В горизонтальном можно включить «скрол» для мобильной версии.

Пример горизонтальной вкладки с включенным скором для мобилок:

Имя 1 вкладкиИмя 2 вкладкиИмя 3 вкладки

Содержимое вкладки первой

Содержимое вкладки номер два

Содержимое вкладки последней

Вертикальные вкладки:

Имя вкладки №1Имя вкладки номер дваИмя третьей вкладки

Содержимое 1 вкладки

Содержимое второй вкладки

Содержимое вкладки самой нижней 🙂

Вкладка

Еще какая-то вкладка:

Вот я ее вставил, но ничего не отображается. Хм.

Спойлер

Вот такие можно вставить спойлеры:

Заголовок стильного спойлера

Скрытое содержимое стильного спойлера с иконкой «стрелка».

Заголовок спойлера со стилем 'по умолчанию'

Скрытое содержимое спойлера со стилем «по умолчанию» с иконкой «уголок».

Заголовок спойлера со стилем 'простой'

Содержимое спойлера можно настроить стандартно раскрытым. Этот спойлер я настроил со стилем «простой» с иконкой «треугольник». Но в «простом» иконка не отображается 🙂

Аккордеон

Аккордеон, он же баян, он же гармошка 🙂 Тот же спойлер, но он автоматизирован — при открытии одного из спойлеров, все другие спойлеры закрываются в пределах аккордеона.

Настроек кроме CSS — нет.

Скрытый текст

Скрытое содержимое первого спойлера аккордеона

Кликни меня

Скрытое второе содержимое

Скрытый текст тоже кликни 🙂

Скрытое содержимое №3

ПС. Внутрь аккордеона можно вставлять спойлеры, описанные выше и с разными стилями 🙂

Заголовок стильного спойлера

Скрытое содержимое стильного спойлера с иконкой «стрелка».

Заголовок спойлера со стилем 'по умолчанию'

Скрытое содержимое спойлера со стилем «по умолчанию» с иконкой «уголок».

Разделитель

Имеет 4 стиля: сплошной, точки, тире, раздвоенный. Можно прикрепить штуку к нему. Настройка размера и цвета присутствует.

Двойной

Тире плюс ссылка

Вверх

Пробел

Настроим большой пробел на 250 пикселей, но можно и на 800 !

Выделитель

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

Ярлык

Ярлык — примерно та же штука, но там значит, есть всего несколько стилей и в зависимости от стиля меняется цвет. Красненький — называется «Важно».

Успех Внимание По умолчанию и Черный

Цитата

Цитата собственной персоной. Обычно содержит несколько строк 🙂Имя автора цитаты

Буквица

Буквица с дизайном по умолчанию.

Можно вставлять несколько буков, но здесь я вставил одну, плюс изменил стиль на «плоский».

Светлый стиль.

Простой стиль.

Кроме этого можно менять размер.

Колонки

Содержимое колонки №1. Удобная штука. В мобильной версии вторая может перенестись вниз.

Содержимое второй колонки. В колонки я даже картинки и списки иногда вставлял 🙂

Колонка

Содержимое колонки 1/2

несколько колонок нужно оборачивать в шорткод su_row:

Содержимое колонки 1/5

Список

Элемент списка
Элемент списка
Элемент списка

Кнопка

Текст кнопки, стиль 3D Стиль — по умолчанию Описание Стиль — плоский, радиус — круглый

Услуга

Название услуги

Описание услуги, услуги описание. Курьер — доставка, доставка — курьер, скидка!

Блок

Заголовок блока

Содержимое блока, блока содержимого. Могу схлопотать и бан от яндекса под названием «Баден-Баден», за повторение-повторение 🙂

Заметка

Текст в блоке «заметка». Из настроек — скругление в 3 пикселя и цвет.

Развернуть

Уникальный шорткод. Я такого нигде не встречал 🙂

Этот текстовый блок может быть развернут

Показать больше текста мать вашу!

Показать меньше

Лайтбокс

Таблица

Элемент таблицы	Элемент таблицы
Элемент таблицы	Элемент таблицы
Элемент таблицы	Элемент таблицы
Элемент таблицы	Элемент таблицы