Плагин Drop Shadow Boxes для WordPress

Делаем красивое визуальное оформление для текста. Плагин Drop Shadow Boxes для WordPress.


16.10.2013 | Плагины | Теги: комментариев 39 | 39388 просмотров | Автор статьи: Александр Рус


Всем добрый день! Для начала, я хотел бы сообщить Вам приятную новость, нашелся человек, который решил про спонсировать конкурс на моем блоге на 300 руб..  Теперь победитель конкурса «Топ комментаторы» за первое место в общей сумме получит приз 450 руб. Благодарю Пилата Романова за поддержку!!!

А Mr.Клик в этот раз предложил написать статью о плагине Drop Shadow Boxes.  Я бы сказал это альтернативная замена плагину WP-note, о котором я писал ранее. В Drop Shadow Boxes намного больше возможностей и выбор «красок» для оформления, а главное там нет сбоку надоедливых рисунков, как в Wp-note.С помощью данного плагина текст можно красиво оформить в статье  и в виджете. Об этом поподробнее я напишу немножечко ниже.

Скачать данный плагин вы можете со специализированного сайта здесь.

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

 

Как использовать плагин Drop Shadow Boxes в статье?

После установки и активации плагина в окне редактирования записей на панеле инструментов появиться дополнительная кнопка «Add Box».

Плагин Drop Shadow Boxes

Кнопка Add Box

При нажатии этой кнопки у вас откроется вот такое окно

Плагин Drop Shadow Boxes

Плагин Drop Shadow Boxes

Немного поподробнее о ее параметрах:

  • Effect — Здесь все и так понятно. Выбираем из списка понравившийся.
  • Background — цвет фона рамки.
  • Alignment — выравнивание.
  • Height -высота рамки. Пропишите auto для автоматического определения высоты по тексту.
  • Width — ширина. Тоже прописывайте auto.
  • Border — толщина рамки.
  • Rounded corners,  — везде ставим галочки, для придания красивых визуальных эффектов.
  • В поле ниже, на рисунке я его отметил под стрелкой 1, вписываем текст, который как раз и будет заключен внутри рамки.
  • После всех настроек нажимаем кнопку «Insert Box».

[dropshadowbox align=»none» effect=»lifted-both» width=»» height=»» background_color=»#f87f4b» border_width=»1″ border_color=»#dddddd» ]В итоге у вас получится красиво оформленный текст, как сейчас в этом предложение. [/dropshadowbox]

 

Как использовать плагин Drop Shadow Boxes в сайдбаре?

Для того что бы красиво оформить виджет в сайдбаре, заходим в админ панель и переходим Внешний вид-> Виджеты. Мы увидим что среди всех виджетом появился новый под названием Drop Shadow Boxes. Смотрите рисунок ниже:

Плагин Drop Shadow Boxes

Плагин Drop Shadow Boxes

Перетаскиваем его в сайдбар. Настройки те же самые, которые я писал выше.

В основном Drop Shadow Boxes используют, что бы зациклить внимание автора на важной информации, которую вы хотели бы до него донести. И дюжа сильно им тоже не усердствуйте, а то кому охота будет читать «радужную» статью? 🙂

На этом я заканчиваю. Моя работа на сегодня выполнена 🙂

С уважением, Александр Рус и mr.Клик.

 Обсудить статью можно через Твиттер. Благодарен буду за retweet.

 

Материалы по теме:

Как установить и активировать плагин на WordPess.
Всем добрый вечер! Сегодня под устал чуток, совсем чуток, поэтому решил сильно себя не изматывать и написать простенькую статью, про то, какими способами можно ...
ShortPixel плагин для сжатия изображений.
Всем привет! Прошлая моя статья была про очень полезную программку для сжатия изображений - jpegoptim. Именно этот способ сжатия и рекомендует google. Более подробнее о ...
Виджет YouTube для сайта. Как это сделать.
Создание виджета при помощи html кода. Создание виджета при помощи плагина. Как узнать ID канала Youtube. Создание виджета через сайт Youtube. Всем привет! Сегодняшняя статья посвящается тем, кто ищет ...
Плагин Wp-Note
Добрый день! Пишу сегодня очередной пост. На этот раз хочу остановить свое внимание на очень интересном плагине Wp-Note. Наверное каждый из вас при написании очередной ...
Делаем форму обратной связи для WordPress. Плагин Contact Form 7.
Здравствуйте, дорогие читатели!!! Наверное для Вас не секрет, что одной из самых незаменимых деталей блога, является форма обратной связи. Обычно она представлена в виде ...

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.
1
Павел https://pokeda.ru

Плагин морально устарел, есть уже куча других решений.

2
деньги-на-телефон.рф http://деньги-на-телефон.рф

Хороший плагин.

3
горыныч http://banki-v-serpuhove.ru/

спасибо за статью, хороший плагин

4
gsdan http://vskon.ru

Хороший плагин

5
fds http://101android.ru

Спасибо за инфу

6
кенкне http://serpuhof.ru

норм) спасибо

7
Александр http://demeneff.ru/

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

8
Юрий Бараковский http://computhelp.ru/

Мне оба плагина понравились и я их установил на свой блог, спасибо за помощь в оформлении.

9
Олег Клышко http://klyshko.ru/

интерсеный плагин дизайн и шаблон на своем блоге поменяю обязательно воспользуюсь

Автор10
http://myworkpro.ru

Ага, так оно и есть.

11
Татьян http://vceizfrance.com/tryuki-na-velosipede-mozhno-nazvat-ih-igryi-na-velosipedah/

Я смотрю какие красивые надписи бывают на страницах, но не у меня. Вот спасибо теперь буду знать как всё это делается.

Автор12
http://myworkpro.ru

Главное не перестараться:)

13
дед Виталя http://svital.com

И да - ретвит ДВА!
Саша, где ретвиты проверяешь?

Автор14
http://myworkpro.ru

В самом твиттере

15
дед Виталя http://svital.com

Спасибо за плагин!
Будем тестировать.
И в плане нагрузки. Дык, плагин ведь можно включить во время написания и оформления статьи, а затем деактивировать.
И волки сыты, и овцы целы (с) 😉
Или я не прав?

Автор16
http://myworkpro.ru

Ага, так оно и есть.

17
Наталья Самолюк http://blogovedka.ru

Интересный плагин! А там можно менять цвет шрифта? А то на оранжевом черный практически не читаем.

18
Серж https://wire-phones.ru

Конечно можно)

19
Misha Muzafarov http://ulafull.ru

Классный плагин. Для новичков подойдет, да и не только. А чтобы добиться такого эффекта с помощью HTML и CSS, затратишь больше времени.

20
Игорь http://blogopraktika.ru/

Красиво смотрится. Очень.

Я использую стили, если нужно что-то выделить. Для тех, кто незнаком с css - c Drop Shadow Boxes проще все это сделать. Безусловно.

Автор21
http://myworkpro.ru

Игорь, а у вас есть готовый код стилей, что б самому не возиться. А то я думал, что вы тоже используете какой-то плагин. В принципе надо будет проверить насколько плагин "Drop Shadow Boxes" грузит блог, если мало, то можно его оставить.

22
Антон http://financial-independence.ru/

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

Автор23
http://myworkpro.ru

Не все плагины сильно грузят блог.
А вообще существует специальный плагин Plugin Performance Profiler, с помощью которого, можно определить, какой из установленных плагинов сильнее всего грузит блог и заменить на менее прожорливый.

24
Сергей http://ruskweb.ru

Хм, интересный плагин, время экономит если лень возится с CSS)
У меня есть несколько составленных мной стилей подобных, но я вечно их идентификаторы забываю) Нужно найти плагин или хак, который позволяет на визуальную панель выводить свои блоки)

25

И кстати, я немного не в курсе, но кто такой Mr.Клик?

26
Антон http://financial-independence.ru/

Виртуальный помощник, талисман данного блога 😉

Автор27
http://myworkpro.ru

А блог "Авто-кликом по Рунету" - это его дом:)

28

И в чём же заключается его помощь?

Автор29
http://myworkpro.ru

Это есть секрет. mr.Клик просил никому не рассказывать.
Хотя можешь у него сам попробовать спросить, может он проболтается. Он пока временно тусуется тут http://iii.ru/inf/b4b09f81-0481-445e-a425-129b35abde65" rel="nofollow">http://iii.ru/inf/b4b09f81-0481-445e-a425-129b35a....

30

Прикольно, я смотрю он там с другими талисманами тусуется:)

31
дед Виталя http://svital.com

Игорь, то мои младшие други с Мистером тусуются 😉

Автор32
http://myworkpro.ru

Ага, только там их инфами называют.
P.S. -Тусоваться ему там не долго осталось. Скоро окончательно переедит на этот блог:)

33

Интересно, надо будет воспользоваться. Только вот действительно, можно всё сделать с помощью кода, жаль не знаю как.

34
Бородатый админ http://borodatiy-admin.ru

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

Автор35
http://myworkpro.ru

Эх, если бы Web-кошка увидела твой комментарий, она бы с тобой серьезно начала бы спорить 🙂
Она недавно написал статью про то, насколько на самом деле плагины загружают блоги)

36
Бородатый админ http://borodatiy-admin.ru

Я бы не начал с ней спорить - ибо согласен и статью ее читал.
Просто использовал на одном из блогов подобный плагин, затем проверял чем не то (не помню чем), какой плагин как грузит блог. Больше всего грузили бэкап на дропбокс и подобный вот визуальный оформляльщик. Видать реализуют его, вставляя код на лету, что приводит к задержкам.
А еще cssом можно сделать как угодно, то есть со вкусом и под себя. Просто времени на начальном этапе уйдет много.

Автор37
http://myworkpro.ru

С css-ом возиться не хочется. Люблю все на готовенькое-)

38
Гудвин Гадкий_Я©™ http://www.gudwin.ga

Правильно! КМС и создана для того что бы пользоваться готовым продуктом ,а не самому разбираться в кодах и скриптах

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.