Первая буква абзацев или буквица на блоге WordPress

Admin 12.05.2014 - 20:08 обсудить 386+

размер текста

Прошлая тема помогла нам сделать буквицу в текстовом документе формата MicrosoftWord 2013, а этот материал поможет воссоздать подобие буквицы в блоге на WordPress.

По сути предлагаемое решение является небольшим дополнением к оформлению первой буквы каждого абзаца. Поэтому все изменения будут производиться в «Таблице CSS»…

Оформление текста: Буквица на WordPress

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

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

Код CSS оформления первой буквы абзацев:

.p:first-letter {
font-weight:bold;
font-size:22px;
color:#587da3;
font-family: comic sans ms,sans-serif;
}

(Вышеприведённый код разместите в шаблоне своей темы в файле CSS. Предпочтительное место в конце всех строк за последней фигурной скобкой.)

Параметры CSS для буквицы:

font-weight — начертание шрифта, например, полужирный или курсив;
font-size — размер шрифта для первой буквы абзаца, например 20 px;
color — цвет шрифта, например #666666;
font-family — семейство шрифтов, можно задать другой тип шрифта отличный от основного контента, например, Arial;

Помимо, можно ещё придать некоторые свойства, но это уже зависит от вашей фантазии и потребности. Существуют и плагины для буквицы в WordPress, но это дополнительная нагрузка на сайт, да и я не смог найти оптимального решения для работы с кириллическими буквами (найденные два варианта реализации могли изменять лишь буквы латинского алфавита, что увы, не давало требуемого результата).