Как сделать начальную букву большой. Буквица в WordPress

Просмотров: 2 360

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

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

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

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

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

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

Или так:

Первая заглавная буква в тексте
Красиво оформленный текст в вордпресс

Как сделать начальную букву большой

Сделать начальную букву большой в абзаце можно в блочном редакторе Гутенберг.

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

Чтобы добавить буквицу, напишите абзац, а затем щелкните значок настроек, который предоставит вам больше вариантов для абзаца. Убедитесь, что вы находитесь на вкладке блока. Там вы увидите переключатель буквицы, после активации вы сразу увидите буквицу в абзаце. Добавьте стилизованную буквицу в начало абзаца. Абзац - Настройка текста - Буквица (Drop Caps):

Как сделать начальную букву большой в WordPress
Включить отображение большой начальной буквы

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

Красивая заглавная буква в тексте WordPress
Буквица в блочном редакторе Gutenberg

Можно применить к большой букве любой цвет. Изменить цвет Буквицы WordPress таким образом - Выделяете её и в разделе Цвет текста - выбираете Цвет выделенного текста:

Цвет Буквицы в абзаце текста
Меняем цвет Буквицы в WordPress

И в результате мы получаем красивую первую букву абзаца:

Красиво оформленный абзац с помощью Буквицы WP
Буквица на сайте ВордПресс

Вот таким способом мы можем создавать большую букву в начале абзаца в блочном редакторе Гутенберг. Кстати, если вы захотите массово преобразовать все свои старые записи, созданные в классическом редакторе, в блоки Gutenberg, то смотрите как.

Если вам этого недостаточно, а хочется покрасивее буквицу, то читаем далее.

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

WordPress плагин Bukvycja

Буквица в WordPress при помощи простого расширения. Bukvycja плагин добавляет Буквицы к вашим постам, страницам и комментариям.

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

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

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

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

Dropcaps Shortcode and Widget

Буквица в WordPress с помощью плагина 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
Буквицы - Внешний интерфейс

Вот, друзья, как то так. Да чуть не забыл. В добавок к буквице в WordPress, можно оформить красиво информационный блок, цитату. Блоки внимания для WordPress, читайте здесь.

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


1 комментарий к “Как сделать начальную букву большой. Буквица в WordPress”

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

    Ответить

Оставьте комментарий