Art Decoration Shortcode — плагин оформительских шорткодов, которым удобно пользоваться

Написал для себя плагин оформительских шорткодов. Я в курсе, что есть масса других плагинов с таким же функционалом, но на мой взгляд они не очень удобные или содержат слишком много лишних шоркодов. В плагине Art Decoration Shortcode собраны наиболее употребляемые шорткоды: цветные инфоблоки, кнопки с ховер-эффектами, колонки на флексе, прикольные разделители, буквица, плавающие цитаты и просто цветной текстовый блок. А еще есть удобное управление ими, да и само оформление совершенно другое. А теперь подробнее…

Инфоблоки

В разделе «Инфоблоки» находятся шорткоды для выделения текста. Каждая иконка и цвет в пункте соответствует именно тому, что будет в действительности. Например, если иконка «Лампочка» и цвет красный, то они такими будут и на реальном тексте (цвет, естественно, будет не такой радикально красный, тут скорее речь про оттенки).

ads-info

Примеры блоков (текст для примера берется из бредогенератора)

Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание систем массового участия. Не следует, однако забывать, что реализация намеченных плановых заданий требуют от нас анализа системы обучения кадров, соответствует насущным потребностям.
Товарищи! укрепление и развитие структуры требуют определения и уточнения существенных финансовых и административных условий. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке существенных финансовых и административных условий.
Значимость этих проблем настолько очевидна, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание форм развития. Равным образом новая модель организационной деятельности влечет за собой процесс внедрения и модернизации форм развития.
Задача организации, в особенности же дальнейшее развитие различных форм деятельности позволяет оценить значение модели развития. Разнообразный и богатый опыт постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании существенных финансовых и административных условий.

Шорткоды инфоблоков

Кнопки

Скорее одна кнопка, но к ней можно применить разные ховер-эффекты (анимашки при наведении курсора мыши). 11 (!) разных эффектов, их надо просто «пощупать», чтобы понять насколько они прикольные. А еще к кнопкам можно иконки прикрутить (можно испольовать только DashIcons).

ads-btn

Есть небольшие моменты. Все ховер-эффекты используют «жесткие» размеры, а потому размер кнопки ограничен до 250рх, но все равно они классные.

Шорткоды кнопок

Колонки

Обязательная вещь в подобных плагинах. В ADS (Art Decoration Shortcode) используется flex-сетка с возможностью разбиения до 5-ти колонок. Хотя можно и по разному варьировать. Есть готовые сеты, по несколько колонок

ads-col

Колонки. Внешний вид

Колонка 1/2
Колонка 1/2
Колонка 1/3
Колонка 1/3
Колонка 1/3
Колонка 1/4
Колонка 1/4
Колонка 1/4
Колонка 1/4
Колонка 1/5
Колонка 1/5
Колонка 1/5
Колонка 1/5
Колонка 1/5
Колонка 1/3
Колонка 2/3
Колонка 3/4
Колонка 1/4
Колонка 2/5
Колонка 3/5
Колонка 1/4
Колонка 1/2
Колонка 1/4
Колонка 1/8
Колонка 5/8
Колонка 1/8

Шорткоды колонок

Разделители

Разделители позволяют визуально отделить одну часть текста от другой.

ads-hr

Простой

Градиент

Точки

Чёрточки

Зигзаг

Шорткоды разделителей

Цитаты

В данном случае это не штатные цитаты, а то что называется «плавающие» цитаты. Иногда полезная вещь

ads-quot

Выглядит это примерно так

Левая цитата

Не следует, однако забывать, что консультация с широким активом играет важную роль в формировании форм развитияРазнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке дальнейших направлений развития. Товарищи! новая модель организационной деятельности требуют определения и уточнения дальнейших направлений развития. Задача организации, в особенности же консультация с широким активом влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий. Задача организации, в особенности же новая модель организационной деятельности представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям.

Правая цитата

Не следует, однако забывать, что консультация с широким активом играет важную роль в формировании форм развитияЗадача организации, в особенности же начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий способствует подготовки и реализации дальнейших направлений развития. С другой стороны реализация намеченных плановых заданий позволяет оценить значение новых предложений.

Цитата по центру

Цитата с подписью

Никогда и ничего не просите! Никогда и ничего, и в особенности у тех, кто сильнее вас. Сами предложат и сами все дадут!
М. Булгаков, "Мастер и Маргарита"

Цитата без подписи

Задача организации, в особенности же начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий способствует подготовки и реализации дальнейших направлений развития. С другой стороны реализация намеченных плановых заданий позволяет оценить значение новых предложений.

Шорткоды цитаты

Буквица

Буквица — это, чаще всего, выделенная первая буква абзаца, я иногда пользуюсь. Через шорткод плагина ADS, буквица выглядит так:

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

Шорткод буквицы

Цветной блок

Иногда бывает нужно выделить как-то текст, вот цветной бок для этого и нужен. В шорткоде можно настроить цвет фона и цвет текста

ads-color-box

Например, светлый фон и темные буквы

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

И наоборот, темный фон и светлые буквы

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

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

Шорткод цветного блока

Размытый спойлер

Забавная штука. Не совсем спойлер, но очень похоже. И функционал примерно тот же, смотрите сами

Просто размытие

Таким образом новая модель организационной деятельности требуют определения и уточнения соответствующий условий активизации. Равным образом консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании модели развития.

В комбинации с цветным блоком

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

Внутри абзаца

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

Шорткод размытого спойлера

Пробел

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

Без пробела

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

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

С пробелом в 100px

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

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

Шорткод пробела

Заключение

Как видите, в самой статье используются только шорткоды из плагина Art Decoration Shortcode, ни одного стороннего шорткода нет.

Видеообзор плагина

Видео по управлению шорткодами смотрите ниже

Изменения

Скачать плагин

Скачать: Art Decoration Shortcode V.1.2
Плагин шорткодов для оформления текста в статьях. Содержит: выделение текстовых блоков с иконками, кнопки с ховер-эффектами и иконками, колонки, разделитель, текстовые блоки с обтеканием, буквица, цветное текстовые блоки и другие фичи
Скачано: 229, размер: 20.3 KB, дата: 15.Сен.2016

Пишите ваши предложения и конструктивную критику в комментариях к этой статье или к видео на моем канале WPRUSe

Плагин добавлен в репозиторий WordPress, можно скачать оттуда

Поддержать плагин

[wp-review]

Вопросы и пожелания приветствуются! Всем удачи!

Всегда ваш, Артем!

П.С. Если вам понравился плагин, не поленитесь, жмякните на кнопку поделиться.

Метки:

77 комментариев

  1. Алексей 18.07.2016
    • Артем 18.07.2016
  2. Елена Олейникова 23.07.2016
    • Артем 23.07.2016
      • Елена Олейникова 23.07.2016
        • Артем 23.07.2016
  3. Святослав 31.08.2016
  4. Сергей 03.09.2016
    • Артем 03.09.2016
      • Сергей 03.09.2016
        • Артем 03.09.2016
          • Сергей 03.09.2016
          • Артем 03.09.2016
  5. Святослав 10.09.2016
    • Артем 11.09.2016
  6. Святослав 11.09.2016
    • Артем 11.09.2016
  7. Святослав 20.09.2016
    • Артем 20.09.2016
      • Святослав 20.09.2016
        • Артем 20.09.2016
  8. Святослав 21.09.2016
  9. Святослав 21.09.2016
    • Святослав 21.09.2016
      • Артем 21.09.2016
  10. Святослав 22.09.2016
    • Артем 22.09.2016
      • Святослав 22.09.2016
        • Артем 22.09.2016
  11. Святослав 24.09.2016
    • Артем 24.09.2016
  12. Святослав 24.09.2016
    • Артем 27.09.2016
      • Святослав 27.09.2016
  13. Святослав 04.10.2016
    • Артем 04.10.2016
      • Святослав 04.10.2016
      • Святослав 04.10.2016
  14. Святослав 04.10.2016
  15. Edward 18.10.2016
    • Артем 18.10.2016
  16. Андрей 27.10.2016
    • Артем 27.10.2016
  17. Святослав 07.11.2016
    • Артем 07.11.2016
      • Святослав 07.11.2016
  18. Михаил 08.11.2016
    • Артем 08.11.2016
      • Михаил 09.11.2016
        • Артем 09.11.2016
          • Михаил 09.11.2016
          • Артем 09.11.2016
  19. Михаил 10.11.2016
    • Артем 10.11.2016
  20. Бахадур 02.12.2016
  21. Святослав 11.12.2016
    • Артем 11.12.2016
      • Святослав 11.12.2016
  22. Даврон 05.02.2017
    • Артем 05.02.2017
      • NoOne 06.03.2017
        • Артем 06.03.2017
          • NoOne 06.03.2017
          • Артем 06.03.2017
  23. NoOne 06.03.2017
    • Артем 06.03.2017
      • NoOne 06.03.2017
        • Артем 06.03.2017
  24. NoOne 06.03.2017
    • Артем 06.03.2017
      • NoOne 06.03.2017
        • Артем 07.03.2017
  25. Иван 19.04.2017
    • Артем 19.04.2017
      • Иван 19.04.2017

Оставить комментарий

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

Подписывайся!

Подписывайся!

Подписывайтесь на новости сайта, чтобы ничего не пропустить

Спасибо, что подписались!