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

(Последнее обновление: 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
Буквицы - Внешний интерфейс

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



Комментарии

  • Спасибо за этот пост. Уже не раз встречал сайты с подобными заглавными буквами, но я был уверен в том, что автор реализует это с помощью редактирования стилей css. Обязательно установлю этот плагин. Уж очень понравились мне эти буквы 🙂

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *