(Последнее обновление: 02.02.2019)

Доброго времени суток, дамы и господа! Как оформить красиво сообщение в WordPress? Можно выделить первую заглавную букву в тексте, сделав её более крупной чем остальные и задать ей определённый цвет. Видели такое на сайтах или блогах? Уверен, встречали. По моему, такая заглавная буква называется по простому - Буквица (Drop Caps). Сразу визуально можно определить начало статьи или новый абзац.

Буквица WordPress

Выделение буквы первого параграфа в статьях WordPress

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

Большая заглавная буква в тексте

Буквица - заглавная первая буква поста

Или так:

Первая заглавная буква в тексте

Красиво оформленный текст в вордпресс

Красиво выделить букву в тексте статьи WordPress можно с помощью простенького плагина Simple Drop Cap. После стандартной установки и его активации, есть небольшие настройки стиля заглавной буквы, то есть, как будет выглядит буквица в тексте записи.

Настройки - Simple Drop Cap:

Плагин Simple Drop Cap

Настройки стиля заглавной буквы

Здесь, можно выбрать расположение буквицы: нормальный (второй скриншот); плавающий стиль (первый скрин). Далее, цвет заглавной буквы и можно поставить птичку на против - Автоматически преобразовывать первую букву всех сообщений, но лучше этого не делать.

Я пробовал в автомате, но получается не очень. Лучше использовать ручной метод, то есть, в редакторе сообщений WordPress появится волшебная кнопка. Как только начинаете писать статью, нажимаете кнопку и в текст вставляется шорткод [dropcap] [/dropcap], в центр вписываете букву:

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

Редактор сообщений WP - преобразование заглавной буквы с помощью шорткода

Можно преобразовать первую букву сообщения или обозначить каждый абзац статьи.

WordPress плагин Bukvycja

Bukvycja

Плагин для WordPress - Bukvycja

Плагин Bukvycja для вордпресс достаточно простой. Он метит ваши сообщения и страницы, позволяя создавать Буквицу (drop caps).

Плагин имеет множество настроек. Вы можете выбрать страницы где будет применены Буквица. Вы можете исключать указанные посты и категории и вы можете использовать стиль по умолчанию.

Плагин выделяет первую букву первого параграфа (или все параграфы). Он переделывает первую букву параграфа в Буквицу и применяет это для первого параграфа в списке разными способами.

Dropcaps Shortcode and Widget

Dropcaps Shortcode

Плагин Dropcaps Shortcode and Widget

Легко создавайте все виды Dropcaps для вашего сайта WordPress. Вставьте Dropcaps в любом месте вашего сайта - редактор страниц / постов, боковые панели, файлы шаблонов. Кодирование не требуется. Все сделано в приятном и удобном интерфейсе.

В основном Dropcaps (Буквицы) могут быть вставлены в любом месте на вашем сайте:

  • Редактор страниц / постов WYSIWYG с помощью кнопки Dropcaps в редакторе сообщений;
  • В боковых панелях с помощью виджета шорткода OTW;
  • В файлах шаблонов с помощью шорткода Dropcaps и функции WP do_shortcode.
WYSIWYG шорткод

Редактор страниц / постов WYSIWYG с помощью кнопки в редакторе

Если вам нужно дополнительно оформить Dropcaps, вот ваши варианты

  • Каждый шорткод Dropcaps имеет свой уникальный класс CSS, который можно использовать для стилизации всех Dropcaps;
  • Создайте новый класс для каждого экземпляра шорткода Dropcaps в его интерфейсе, чтобы вы могли стилизовать его индивидуально.
Буквицы WordPress

Буквицы - Внешний интерфейс

Вот, друзья, как то так. На этом позвольте своё коротенькое повествование закончить и попрощаться с вами, не на долго. Надеюсь, вам будет полезен этот пост. Удачи.