Harrix Обзор плагина Arconix Shortcodes для WordPress
Малопопулярный плагин с шорткодами был выбран мной из ряда других в первую очередь простотой и красивыми по умолчанию элементами без ядовитых цветов, градиентов и так далее. Умеет делать кнопки, текстовые блоки, и другие красивые вещи.
📖 Содержание ⬇️
Содержание
Update 2018. Пользовался этим плагином, когда держал собственный сайт на Wordpress.
Установка
Страница плагина на https://wordpress.org/plugins/arconix-shortcodes/.
Устанавливается, как и все остальные плагины. В режиме редактирования статьи справа внизу появляется следующая панель:
Рисунок 1 — Панель Arconix Shortcodes в WordPress
Как я понял, она носит лишь информативный характер. Ну что ж, пусть плагин и не удобен в использовании, зато результат его удобен. К тому же я лично многие из них повесил на плагин AddQuicktag.
Текстовые блоки
Ради них и взял фактически этот плагин:
[box]Простой блок[/box]
Рисунок 2 — Простой блок
[box color="blue"]Блок с синей заливкой[/box]
Рисунок 3 — Блок с синей заливкой
[box color="green"]Блок с зеленой заливкой[/box]
Рисунок 4 — Блок с зеленой заливкой
[box color="grey"]Блок с серой заливкой[/box]
Рисунок 5 — Блок с серой заливкой
[box color="red"]Блок с красной заливкой[/box]
Рисунок 6 — Блок с красной заливкой
[box color="tan"]Блок с дубильной заливкой[/box]
Рисунок 7 — Блок с дубильной заливкой
[box color="yellow"]Блок с желтой заливкой[/box]
Рисунок 8 — Блок с желтой заливкой
[box color="orange"]Блок с оранжевой заливкой[/box]
Рисунок 9 — Блок с оранжевой заливкой
[box style="alert"]Блок с предупреждением[/box]
Рисунок 10 — Блок с предупреждением
[box style="comment"]Блок с комментарием[/box]
Рисунок 11 — Блок с комментарием
[box style="download"]Блок с загрузкой[/box]
Рисунок 12 — Блок с загрузкой
[box style="info"]Блок с информацией[/box]
Рисунок 13 — Блок с информацией
[box style="tip"]Блок с советом[/box]
Рисунок 14 — Блок с советом
[box icon="fa-bolt" color="orange"]Блок с оранжевой заливкой и иконкой[/box]
Рисунок 15 — Блок с оранжевой заливкой и иконкой
Обратите внимание, что вы можете указать свою иконку в виде названия любой иконки из шрифта Font-Awesome.
Спойлеры
Вот это полезная штука. Мне нравится:
[toggle title="Спойлер"]Текст спойлера[/toggle]
Рисунок 16 — Спойлеры
Или вот так нагляднее:
Рисунок 17 — Спойлеры
Кнопки
Кнопки, при нажатии на которые, производится переход на какую-то страницу.
Простая кнопка:
[button url="https://harrix.dev" style="flat"]Кнопка[/button]
Рисунок 18 — Простая кнопка
Кнопка может быть нескольких цветов (color = black, blue, green, grey, orange, pink, red, white):
[button url="https://harrix.dev" color="black" style="flat"]Кнопка[/button]
Рисунок 19 — Кнопка черная
[button url="https://harrix.dev" color="blue" style="flat"]Кнопка[/button]
Рисунок 20 — Кнопка синяя
[button url="https://harrix.dev" color="green" style="flat"]Кнопка[/button]
Рисунок 21 — Кнопка зеленая
[button url="https://harrix.dev" color="grey" style="flat"]Кнопка[/button]
Рисунок 22 — Кнопка серая
[button url="https://harrix.dev" color="orange" style="flat"]Кнопка[/button]
Рисунок 23 — Кнопка оранжевая
[button url="https://harrix.dev" color="red" style="flat"]Кнопка[/button]
Рисунок 24 — Кнопка красная
[button url="https://harrix.dev" color="white" style="flat"]Кнопка[/button]
Рисунок 25 — Кнопка белая
Кнопки могут быть трех размеров (size = small, medium, large):
[button url="https://harrix.dev" size="small" style="flat"]Кнопка[/button]
Рисунок 26 — Кнопка маленькая
[button url="https://harrix.dev" size="medium" style="flat"]Кнопка[/button]
Рисунок 27 — Кнопка средняя
[button url="https://harrix.dev" size="large" style="flat"]Кнопка[/button]
Рисунок 28 — Кнопка большая
Кнопки могут быть трех стилей (style = classic, flat, clear):
[button url="https://harrix.dev" style="classic"]Кнопка[/button]
Рисунок 29 — Кнопка классическая
[button url="https://harrix.dev" style="flat"]Кнопка[/button]
Рисунок 30 — Кнопка плоская
[button url="https://harrix.dev" style="clear"]Кнопка[/button]
Рисунок 31 — Кнопка контурная
Страница может открываться либо в той же вкладке или в новой (target = self, blank).
В той же:
[button url="https://harrix.dev" target="self" style="flat"]Кнопка[/button]
В другой вкладке:
[button url="https://harrix.dev" target="blank" style="flat"]Кнопка[/button]
Все параметры могут сочетаться:
[button url="https://harrix.dev" color="orange" size="large"]Кнопка[/button]
Рисунок 32 — Кнопка классическая, оранжевая и большая
[button url="https://harrix.dev" color="black" size="small"
target="blank"]Кнопка[/button]
Рис. Кнопка классическая, черная и маленькая
Рисунок 33 — Кнопка классическая, черная и маленькая
Вкладки
[tabs] [tab title="Вкладка 1"] Первый блок информации [/tab] [tab title="Вкладка
2"] Второй блок информации [/tab] [tab title="Вкладка 3"] Третий блок информации
[/tab] [/tabs]
Рисунок 34 — Вкладки
Разное
Пояснение при наведении на слово — всплывающая подсказка (В общем объяснение чего-то)
[abbr title="По моему скромному мнению"]ИМХО[/abbr]
Рисунок 35 — Пояснение при наведении на слово
Выделенный текст
[highlight]текст[/highlight]
Рисунок 36 — Выделенный текст
Ссылка на ваш сайт
[site-link]
Рисунок 37 — Ссылка на ваш сайт
Данные о текущем годе
[the-year before="©" start="2001" after="All Rights Reserved"]
Рисунок 38 — Данные о текущем годе
Ссылка на сайт Wordpress
[wp-link]
Рисунок 39 — Ссылка на сайт Wordpress
Более подробную исходную документацию можете прочитать тут: https://www.tychesoftwares.com/docs/docs/shortcodes/.