Harrix Блог

  • Списки статей
    • Все статьи
    • IT
    • Qt
    • C++
    • Сложение двух чисел
    • Web программированиe
    • FAQ
    • Latex
    • Установка программ
    • Мифы
    • Видео
    • Про фото
  • Проекты
  • Harrix.org
  • RSS
  • Контакты

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

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

20.02.2013 13 комментариев 13 905 просмотров

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

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

Содержание

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

Демо

Установка

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

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

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

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

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

  1. [box]Простой блок[/box]
  2. Простой блок
  3. [box color=”blue”]Блок с синей заливкой[/box]
  4. Блок с синей заливкой
  5. [box color=”green”]Блок с зеленой заливкой[/box]
  6. Блок с зеленой заливкой
  7. [box color=”grey”]Блок с серой заливкой[/box]
  8. Блок с серой заливкой
  9. [box color=”red”]Блок с красной заливкой[/box]
  10. Блок с красной заливкой
  11. [box color=”tan”]Блок с дубильной заливкой[/box]
  12. Блок с дубильной заливкой
  13. [box color=”yellow”]Блок с желтой заливкой[/box]
  14. Блок с желтой заливкой
  15. [box color=”orange”]Блок с оранжевой заливкой[/box]
  16. Блок с оранжевой заливкой
  17. [box style=”alert”]Блок с предупреждением[/box]
  18. Блок с предупреждением
  19. [box style=”comment”]Блок с комментарием[/box]
  20. Блок с комментарием
  21. [box style=”download”]Блок с загрузкой[/box]
  22. Блок с загрузкой
  23. [box style=”info”]Блок с информацией[/box]
  24. Блок с информацией
  25. [box style=”tip”]Блок с советом[/box]
  26. Блок с советом
  27. [box icon=”fa-bolt” color=”orange”]Блок с оранжевой заливкой и иконкой[/box]
  28. Блок с оранжевой заливкой и иконкой

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

Сплойеры

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

1
[toggle title="Сплойер"]Текст сплойера[/toggle]

Сплойер
Текст сплойера

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

Концовка Гарри Поттера
Гарри пришёл к Волан-де-Морту, и тот атаковал его заклятием Авада Кедавра. Очнувшись в неком месте, показавшемся ему похожим на вокзал «Кингс-Кросс», Гарри встретился с Дамблдором. Поговорив с ним он понял, что пожертвовав собой, он поступил правильно, и часть души Волан-де-Морта которая была заключена в нём как в крестраже, уничтожена. Поттер смог вернуться обратно к жизни. Его «труп» был принесён к Хогвартсу, после чего по воле обстоятельств (во время которых Невилл убил Нагайну) Гарри встретился с Волан-де-Мортом один на один в Большом зале. После краткого диалога Гарри и Волан-де-Морт одновременно выстрелили заклятиями друг в друга: Волан-де-Морт — заклятием Авада Кедавра, а Гарри Поттер — заклятием Экспеллиармус. Благодаря Бузинной палочке, находящейся у Волан-де-Морта, но считавшей своим хозяином Гарри, оба заклятия выстрелили в последнего. Таким образом, Волан-де-Морт был побеждён.

Кнопки

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

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

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

    Кнопка

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

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

    Кнопка

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

    Кнопка

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

    Кнопка

Вкладки

1
2
3
4
5
6
7
8
9
10
11
[tabs]
[tab title="Вкладка 1"]
Первый блок информации
[/tab]
[tab title="Вкладка 2"]
Второй блок информации
[/tab]
[tab title="Вкладка 3"]
Третий блок информации
[/tab]
[/tabs]

  • Вкладка 1
  • Вкладка 2
  • Вкладка 3
Первый блок информации
Второй блок информации
Третий блок информации

Разное

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

    ИМХО

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

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

  3. Выделенный текст
  4. 1
    [highlight]текст[/highlight]

    текст

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

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

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

    Harrix Блог

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

    © 2001 – 2021 All Rights Reserved

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

    WordPress

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


Статьи по теме:

  1. Отображение файлов Markdown *.md в WordPress
  2. Функция изменения текста между тэгами в php
  3. jQuery не работает в WordPress
  4. Инструменты, использованные в блоге. Часть 2

Web программирование Wordpress

© 2014 Harrix