component:centered-title
Центрирует заголовок страницы (#page-title) и позволяет одним инклудом настроить его оформление.
- Без параметров — заголовок по центру с аккуратной линией (40px).
- Опционально: размер, цвет, шрифт, регистр, трекинг и нижний отступ.
- Декоративная линия (ширина и цвет) с плавной прорисовкой;
line-width=0убирает её совсем. - Компонент заменяет стандартную линию темы своей, поэтому линия всегда ровно одна.
- Полностью на CSS — работает и в предпросмотре, и на живой странице.
Быстрый старт
Параметры не нужны — инклуд ставит заголовок по центру с линией 40px.
[[include component:centered-title]]
Примеры
Элегантный заголовок с длинной линией:
[[include component:centered-title
|size=2.2em
|line-width=60px
]]
Штамп «секретно»:
[[include component:centered-title
|transform=uppercase
|letter-spacing=3px
|color=#b33939
|line-width=44px
]]
Заголовок без линии:
[[include component:centered-title
|line-width=0
]]
size / mobile-size
Размер шрифта заголовка. По умолчанию — размер темы. На экранах уже 768px применяется mobile-size (по умолчанию 1.3em). Примеры: size=2.2em, mobile-size=1.5em.
color
Цвет заголовка. По умолчанию — цвет темы. Если не задать line-color, линия красится в этот же цвет. Пример: color=#b33939.
font
Семейство шрифтов. Пример: font=Georgia, serif.
transform / letter-spacing
Регистр текста (none / uppercase / lowercase / capitalize) и межбуквенный интервал. Примеры: transform=uppercase, letter-spacing=2px.
line-width / line-color
Декоративная линия под заголовком (рисуется через ::before). По умолчанию 40px; line-width=0 убирает линию. line-color — цвет, по умолчанию совпадает с заголовком. Примеры: line-width=60px, line-color=#2e8b57.
margin
Отступ под заголовком. По умолчанию — отступ темы. Пример: margin=1.5em.