Вы здесь:   Главная » Вебмастеру    »    Первая буква абзацев или буквица на блоге WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

Если у Вас есть более практичный способ реализации вышеописанных действий, то пожалуйста, поведайте о них ниже в комментариях.

Расскажи друзьям:

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

Авторизоваться через: 

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

Ознакомиться с пользовательским соглашением

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: