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

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

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

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

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

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

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

Кнопка Add Box

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

Плагин Drop Shadow Boxes

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

• Effect — Здесь все и так понятно. Выбираем из списка понравившийся.
• Background — цвет фона рамки.
• Alignment — выравнивание.
• Height -высота рамки. Пропишите auto для автоматического определения высоты по тексту.
• Width — ширина. Тоже прописывайте auto.
• Border — толщина рамки.
• Rounded corners, Inside shadow, Outside shadow — везде ставим галочки, для придания красивых визуальных эффектов.
• В поле ниже, на рисунке я его отметил под стрелкой 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 используют, что бы зациклить внимание автора на важной информации, которую вы хотели бы до него донести. И дюжа сильно им тоже не усердствуйте, а то кому охота будет читать «радужную» статью? 🙂

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

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

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

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

Плагин Platinum SEO Pakc для WordPress. Незаменимый плагин для seo оптимизации блога.

Здравствуйте, дорогие гости и читатели! Сегодня будет довольно интересная статья, статья связанная с оптимизацией блога. Именно правильно оптимизированная статья в будущем, существенно повлияет на прирост ...

Классический виджет для WordPress

Всем привет! Как многие заметили, совсем недавно было обновление Wordpress до версии 4.8. С новым обновлением, как обычно это бывает, появляются новые проблемы. И на ...

ShortPixel плагин для сжатия изображений.

Всем привет! Прошлая моя статья была про очень полезную программку для сжатия изображений - jpegoptim. Именно этот способ сжатия и рекомендует google. Более подробнее о ...

Как разместить рекламный блок в середине статьи. Плагин Shortcoder.

Добрый вечер! Последние пару недель я уделил монетизации сайтов. Зарегистрировался в Gogetlinks и Google Adsense. Давно хотел это сделать, но никак не решался, ждал момента ...

Плагин Simple Local Avatars для создания локального аватара в своем профиле на блоге.

Всем привет! Сегодня мне попался плагин, который чем то напоминает Gravatar, когда оставляешь комментарий, а вместе с ним остается и твоя аватар ка. Только здесь намного ...

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