С помощью данного плагина текст не только в статье красиво можно оформить, но и в виджете. Об этом поподробнее я напишу немножечко ниже.

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

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


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


Всем добрый день! Для начала, я хотел бы сообщить Вам приятную новость, нашелся человек, который решил про спонсировать конкурс на моем блоге на 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.

 

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

Классический виджет для WordPress
Всем привет! Как многие заметили, совсем недавно было обновление Wordpress до версии 4.8. С новым обновлением, как обычно это бывает, появляются новые проблемы. И на ...
Плагин de:comment. Как скрыть ссылки в комментариях.
Доброго всем дня! Данный пост посвящается всем тем блогерам, которые пользуются плагином de:comment. Расскажу Вам коротко мою историю работы с ним. Приобрел это форму комментариев ...
ShortPixel плагин для сжатия изображений.
Всем привет! Прошлая моя статья была про очень полезную программку для сжатия изображений - jpegoptim. Именно этот способ сжатия и рекомендует google. Более подробнее о ...
Как закрыть ссылки от индексации в комментариях WordPress.
Всем доброго дня! Недавно, как то зашел в гости к Александру Каратаеву, на его блоге меня заинтересовала информация о новых методах закрытия ссылок от ...
Плагин de: comment: адаптивная форма комментариев.
Плюсы плагина Регистрация на сайте Настройки de:comments Партнерская программа. Всем привет! Сегодня я расскажу про один из лучших плагинов, который заменяет стандартную форму комментариев ...

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

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

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

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

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

3
gsdan http://vskon.ru

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

4
fds http://101android.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17
Misha Muzafarov http://ulafull.ru

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

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

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

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

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

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

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

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

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

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

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

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

23

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

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

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

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

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

26

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

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

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

28

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

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

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

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

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

31

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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