Буквица в тексте или как сделать красивую заглавную букву в статье на WordPress

Здравствуйте друзья!

Каждый блогер пытается отличиться от других блогеров своим стилем, характером и уникальным оформлением статей. В этой статье я покажу вам, как можно оформить красиво текст на блоге созданном на WordPress, с помощью лёгкого плагина Simple Drop Cap.

Благодаря плагину Simple Drop Cap, вы можете очень просто сделать красивую заглавную букву в первых абзацах статьи. Такая буква ещё называется буквица.

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

Если вы внимательные, то должны были давно заметить в моих статьях такие заглавные буквы, так как я использую плагин Simple Drop Cap уже несколько месяцев.

Впервые я увидел такое красивое оформление статей на блоге Юрия Дуболазова. Меня так впечатлили эти буквицы, что я сразу побежал во всемирную сеть искать способ внедрения таких букв в сайт, созданном на WordPress. И я нашёл.

 Красивая заглавная буква в статье

Итак, как же будет выглядеть эта заглавная буква в статье при использовании плагина Simple Drop Cap?

При настройках плагина будут три варианта вывода буквицы в тексте статьи. Как настроить плагин, я расскажу позже, а сейчас покажу как это будет выглядеть.

* Обыкновенный вывод красивой заглавной буквы в начале текста:

* Плавающий вывод красивой заглавной буквы в тексте статьи:

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

Плагин Simple Drop Cap или красивое оформление текста

Плагин Simple Drop Cap вы можете скачать по этой ссылке, или найти его через поиск плагинов в админке.

Устанавливаем, активируем и переходим к настройкам.

У вас откроется страница с настройками. Давайте разберём каждый пункт.

* Display Mode — Под этим разделом вы должны выбрать режим отображения заглавной буквы.

1) Normal Mode — В данном случае, заглавная буква будет выглядеть как на моём первом скрине, то есть обычный режим. Поднимитесь выше по статье и посмотрите.

2) Float Mode — В данном случае, заглавная буква будет выглядеть как на втором скрине, то есть плавающий режим.

3) Custom Mode — В данном случае, заглавная буква будет выглядеть, в зависимости от ваших персональных настроек стилей CSS. Персональные настройки стилей вы можете прописать в пятом пункте Custom CSS Style. 

4) Drop Cap Color — Здесь вы можете выбрать любой цвет буквицы, в зависимости от стиля вашего шаблона.

5) Custom CSS Style — И так, здесь вы можете настроить свои персональные стили для буквицы с помощью CSS.

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

И так, в этом окошке вы должны прописать этот стиль:

[blokkod]font-family:Georgia, serif;
color: #000000;
font-size: 46px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);[/blokkod]

Для тех, кто не разбирается в кодах, я коротко объясню каждую строку, чтобы он смог сам его изменить на свой вкус:

font-family: шрифт
color: цвет
font-size: размер
text-shadow: тень

Так это должно выглядеть:

6) Drop Cap Automation — Если вы поставите галочку в этом разделе, то буквица преобразится во всех абзацах статьи автоматически. Лично я вам не советую этого делать, так как такое оформление текста выглядит не красиво. Но можете попробовать.

Вот и все. Ничего сложного нет. В конце не забываем сохранить все настройки, нажав на кнопку «Сохранить изменения«

Как вывести буквицу в тексте

Вывести буквицу в тексте статьи очень просто.

Обратите внимание на то, что в редакторе появилась новая кнопка.

Для того, чтобы преобразить буквицу, выделите первую букву в тексте и нажмите на кнопку Drop Cap в редакторе. Вы увидите, что ваша выбранная буква будет обведена специальным шорткодом.

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

Вот и всё!

Теперь вы знаете ещё один способ, красивого оформления статьи, с помощью внедрения буквицы, наподобие книг со сказками 

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

А я с вами прощаюсь и до новых встреч. Пока-пока.

С уважением, Игорь Черноморец