Обзор плагина Arconix Shortcodes для WordPress

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

Умеет делать кнопки, текстовые блоки, и другие красивые вещи.

Содержание

• Установка
• Текстовые блоки
• Сплойеры
• Кнопки
• Вкладки
• Разное

Демо

Установка

Страница плагина на http://wordpress.org/extend/plugins/arconix-shortcodes/.

Устанавливается как и все остальные плагины. В режиме редактирования статьи cправа внизу появляется следующая панель:

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

Текстовые блоки

Ради них и взял фактически этот плагин.

1. [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]

Блок с оранжевой заливкой и иконкой

Обратите внимание, что вы можете указать свою иконку в виде названия любой иконки из шрифта Font-Awesome.

Сплойеры

Вот это полезная штука. Мне нравится.

Или вот так нагляднее:

Кнопки

Кнопки, при нажатии на которые, производится переход на какую то страницу.

1. Простая кнопка
[button url="http://blog.harrix.org" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" style="flat"]Кнопка[/button]

Кнопка

2. Кнопка может быть нескольких цветов (color = black, blue, green, grey, orange, pink, red, white)
[button url="http://blog.harrix.org" color="black" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="black" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="blue" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="blue" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="green" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="green" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="grey" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="grey" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="orange" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="orange" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="red" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="red" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="white" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="white" style="flat"]Кнопка[/button]

Кнопка

3. Кнопки могут быть трех размеров (size = small, medium, large)
[button url="http://blog.harrix.org" size="small" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" size="small" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" size="medium" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" size="medium" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" size="large" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" size="large" style="flat"]Кнопка[/button]

Кнопка

4. Кнопки могут быть трех стилей (style = classic, flat, clear)
[button url="http://blog.harrix.org" style="classic"]Кнопка[/button]

1	[button url="http://blog.harrix.org" style="classic"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" style="flat"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" style="clear"]Кнопка[/button]

1	[button url="http://blog.harrix.org" style="clear"]Кнопка[/button]

Кнопка

5. Страница может открываться либо в той же вкладке или в новой (target = self, blank).

В той же:

[button url="http://blog.harrix.org" target="self" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" target="self" style="flat"]Кнопка[/button]

Кнопка

В другой вкладке:

[button url="http://blog.harrix.org" target="blank" style="flat"]Кнопка[/button]

1	[button url="http://blog.harrix.org" target="blank" style="flat"]Кнопка[/button]

Кнопка

6. Все параметры могут сочетаться:
[button url="http://blog.harrix.org" color="orange" size="large"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="orange" size="large"]Кнопка[/button]

Кнопка

[button url="http://blog.harrix.org" color="black" size="small" target="blank"]Кнопка[/button]

1	[button url="http://blog.harrix.org" color="black" size="small" target="blank"]Кнопка[/button]

Кнопка

Вкладки

Разное

1. Пояснение при наведении на слово – всплывающая подсказка (В общем объяснение чего-то)
[abbr title="По моему? скромному мнению"]ИМХО[/abbr]

1	[abbr title="По моему? скромному мнению"]ИМХО[/abbr]

ИМХО

Или более наглядно:

Одна из мощнейших методик современности – системный анализ, помогает в решении многих проблем.

2. Выделенный текст
[highlight]текст[/highlight]

1	[highlight]текст[/highlight]

текст

Или более наглядно:

Филины являются одним из видов сов с очень большим ареалом

3. Ссылка на Ваш сайт
[site-link]

1	[site-link]

Harrix Блог

4. Данные о текущем годе
[the-year before="©" start="2001" after="All Rights Reserved"]

1	[the-year before="©" start="2001" after="All Rights Reserved"]

© 2001 – 2020 All Rights Reserved

5. Ссылка на сайт WordPress
[wp-link]

1

[wp-link]

WordPress

Более подробную исходную документацию можете прочитать тут: http://docs.arconixpc.com/plugins/arconix-shortcodes/shortcode-reference/