Шорткоды WordPress от Анохина. Wordpress шорткоды

Плагин Shortcodes Ultimate набор шорткодов для WordPress

Шорткод — одна или несколько взаимодействующих функций, написанных на PHP коде и вызываемых при необходимости с помощью «ключевых слов», заключенных в квадратные скобки []. Один из самых распространенных шорткодов, интегрированных по умолчанию в WordPress, является <blockquote> — шорткод для выделения текста в виде цитаты. Для удобства, набор шорткодов для WordPress объединяют в плагины.

Shortcodes Ultimate — плагин с набором шорткодов для WordPress

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

На февраль 2017 года зарегистрировано более 600,000 установок плагина Shortcodes Ultimate, что говорит о его популярности. Установить плагин можно непосредственно из админки WordPress ( «Плагины» —> «Добавить новый» ), либо скачать с wordpress.org или с официального сайта Владимира Анохина (автора плагина).

Как пользоваться плагином Shortcodes Ultimate?

После установки, в меню редактирования постов, страниц и рубрик появится кнопка «Вставить шорткод»:

Кнопка «Вставить шорткод» в меню редактора

При нажатии на которую, открывается окно с полным перечнем всех доступных шорткодов. По умолчанию плагин имеет более 40 шорткодов:

Список доступных шорткодов плагина

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

Шорткод «Колонки»

Основное назначение данного шорткода — это создание колонок в рабочей зоне сайта (в теле поста). Колонки могут содержать различную информацию: текст, фото, видео и так далее.

Рассмотрим пример использования плагина: разобъем текст на две одинаковые колонки.

Открываем окно со списком шорткодов (как показано выше) и выбираем шорткод — «Колонки». В результате откроется окно:

Окно редактирования шорткода

Обратите внимание, в поле «Содержимое» отображаются 2 строки, имеющие параметр «size=1/2» . Он означает, что размер каждой колонки будет равен половине рабочей области, отведенной под визуализацию нашего поста. Изменяя этот параметр, можно управлять размером области, при условии, что сумма дробей всех областей будет равна единице.

Например,

1/2 + 1/2 = 2/2 = 1

1/4 + 1/4 + 2/4 = 4/4 = 1

и так далее.

Назначение кнопки «Предпросмотр» говорит само за себя.

Нажимаем кнопку «Вставить шорткод» и получаем следующую строку (мы заменили квадратные скобки «[]» на фигурные «{}» , чтобы код можно было увидеть):

{su_row}{su_column size="1/2"}Содержимое ...{/su_column} {su_column size="1/2"}Содержимое ...{/su_column} {/su_row}

Теперь вернем квадратные скобки и вместо «Содержимое …» вставим текст. Вот что у нас получилось:

Это первая колонка, равная 50% или 1/2 от общей ширины поста.

Это вторая колонка, равная 50% или 1/2 от общей ширины поста.

А вот, что мы получим, если используем комбинацию текста, картинки и двух шорткодов «Колнки» подряд:

Первая колонка содержит картинку, её размер 1/4. А вторая — текст, её размер 3/4.

Во втором случае, мы поменяли местами колонки: первая — текстовая с размером 3/4, а во вторую вставлен шорткод «Буквица», её размер 1/4.

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

Шорткод «Вкладки»

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

Для этого открываем окно шорткодов и выбираем нужный шорткод. Откроется окно предварительной настройки:

Окно настройки шорткода

Основные параметры настройки:

Активная вкладка — определяем номер вкладки, которая будет открыта по умолчанию (в данном случае — первая)

Вертикально — определяет расположение вкладок: сверху или слева
Класс — можно вставить дополнительный CSS класс
Содержание — отображает код шорткода

Параметр title в поле «Содержание» определяет название или заголовок вкладки, а «Содержимое вкладки» — это информация, которая будет отображаться в теле вкладки.

Нажимаем кнопку «Вставить код» и получаем следующее (квадратные скобки «[]» заменены на фигурные «{}» , чтобы код можно было увидеть):

{su_tabs}

{su_tab title="Заголовок 1"}Содержимое вкладки 1{/su_tab}

{su_tab title="Заголовок 2"}Содержимое вкладки 2{/su_tab}

{su_tab title="Заголовок 3"}Содержимое вкладки 3{/su_tab}

{/su_tabs}

Вот так выглядит этот шорткод в теле поста:

Заголовок 1Заголовок 2Заголовок 3

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

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

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

А вот как выглядит этот же код в комбинации с предыдущим:

КолонкиЗаголовок 2Заголовок 3

Первая колонка содержит картинку, её размер 1/4. А вторая — текст, её размер 3/4.

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

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

Другие примеры использования плагина Shortcodes Ultimate

Автор плагина постарался и подготовил прекрасный набор примеров с готовыми наборами шорткодов, который можно посмотреть через меню административной консоли WordPress — «Шорткоды» —> «Примеры»

Готовые примеры шорткодов

Перейдите по выше указанному пути и в открывшемся окне выберите интересующий вас блок.

Готовый набор шорткодов

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

Платная версия

За $40 вы можете расширить возможности плагина Shortcodes Ultimate, и получить дополнительные 15+ шорткодов, скины и самое важное, вы получите возможность создавать свои собственные шорткоды, расширяя возможности плагина и вашей темы.

Демонстрационный ролик использования плагина Shortcodes Ultimate:

Демонстрационный ролик 2 использования плагина Shortcodes Ultimate:

Навигация по записям

xn--j1aoaa.xn--p1ai

Шорткоды Wordpress от Анохина | Блог Николая Иванова

Маленький человек может сделать многое.

Здравствуйте всем, кто зашел на блог!

Наверное, Вы не один раз слышали о шорткодах, но не все знают, что это такое и для чего они используется.

Что такое шорткод?

Шорткод — это специфичный для WordPress код, который позволяет вам делать изящные вещи с небольшими усилиями. Не надо знать основы программирования, так как в коде уже всё указано. Единственное, если потребуется изменить шрифт, цвет, фон или текст.

С помощью шорткодов можно встраивать на страницу видео или аудио файлы, галереи, устанавливать различные кнопки, рекламу, цитаты и многое другое всего одной строкой кода. eTXT eTXT Чтобы всё это можно было использовать на сайте, нам потребуется плагин. Он называется «Shortcodes Ultimate». Его автор наш соотечественник Владимир Анохин.

Чтобы установить плагин войдите в «Консоль» => «Плагины» => «Добавить новый» далее в поиске «Shortcodes Ultimate» и нажмите «Еnter». Появится картинка с названием плагина, его автором и количеством скачиваний.

(нажмите на картинку, чтобы увеличить)

Плагин-Шорткоды

В правом верхнем углу нажмите кнопку «Установить», а у меня как видите, уже установлен. Начнется процесс скачивания и установки плагина. Активируйте его и начинайте изучать и работать с плагином.

Настройки плагина

В настройках плагина нет ничего сложного. Мы устанавливаем галочку в строке «Пропускать значения по умолчанию». Сохраняем изменения.

(нажмите на картинку для увеличения)

Настройки плагина Shortcodes

Так как Мы с Вами не владеем знаниями программирования, то изменять настройки CSS мы не будем. Если кому-то понадобится изменить стиль оформления, обратитесь на форум плагина.

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

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

Тексты с различным фоном и рамкой:

Внимание!

Цвет фона и дополнительный класс оформления Вы можете установить сами.

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

Анимированные статьи: (нажмите на крестик)

Настройки

Настройки плагина не требуют большого усилия.

Примеры

Ваш текст будет представлен в виде этого шорткода.

Оформление

Изменения в стиле оформления требует изменения в CSS.

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

Различные кнопки:

Заказать Купить сейчас Подписаться Купить Получить доступ В корзину

Малюсеньким шорткодом быстро устанавливается рекламный код Google. Реклама Google Adsense Торговые и текстовые ярлыки:

599 руб.

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

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

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

На этом всё.

Используйте шорткоды wordpress от Анохина у себя на сайте.

До встречи в статье «Продвижение сайта ссылками в социальных закладках».

С уважением, Николай Иванов.

P.S. Обратите внимание, ниже установлена подписка на блог, с применением шорткодов.ОСТАВЛЯЙТЕ КОММЕНТАРИЙ И РАССКАЖИТЕ ДРУЗЬЯМ.

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка...

somemoreinfo.ru

Плагин шорткодов на WordPress

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

В общем количестве, по завершении всех установленных плагинов, выходит десятки, а то и больше модулей. Но можно уменьшить их число, воспользовавшись плагином Shortcodes Ultimate, который содержит в себе большой набор шорткодов с самими разными функциями. А именно: табы, галерея, слайдер, выделение цитаты, кнопки, спойлер, подсказки, анимация, колоночный вывод статей и много-многое другое. Таким образом, одним плагином замените на большинство других.

После установки и активации модуля Shortcodes Ultimate, переходим сразу в раздел публикации статей. Над редактором вы обнаружите новую кнопку «Вставить шорткод». При ее нажатии откроется модельное окно со всеми доступными функциями вставляющиеся через шорткод.

плагин шорткодов

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

Вставить шорткод в сайдбар WordPress

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

Документация

В админ-панели добавляется еще вкладка «Шорткоды» от плагина Shortcodes Ultimate. В ней есть четыре раздела: Настройки – произвольные стили, совместимость с другими модулями, Примеры – шаблоны многих функций, Шпаргалка – подсказки по стилям, Дополнения – покупка дополнительных возможностей.

Shortcodes Ultimate

wordsmall.ru