n-wp.ru — блог о WordPress

Основные классы CSS, часто используемые в WordPress

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

Как и любая система с разнообразным и настраиваемым оформлением, WordPress претерпела долгий путь развития. Изменялась внутренняя структура, изменялись и классы CSS. Сейчас разработчики выработали определенный набор стандартных CSS-классов, которые рекомендовано использовать, если вы хотите изменить под себя не только внешний вид страниц блога, но и дизайн административной его части.

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

Основные классы для Body

Основные классы для записей типа Post

В WordPress 3.1+ появились форматы записи типа Post — можно выбирать между image, gallery, video, chat, quote и другими. За присвоение класса каждому из этих форматов отвечает функция post_class. Например:

Поэтому не лишним окажется и добавление классов для форматов записи типа Post:

Основные классы для навигационного меню

Основные классы визуального редактора

Основные классы стандартных виджетов

Основные классы стандартных комментариев

Эти заготовки помогут не изобретать велосипед при добавлении оформления к основным элементам в теме WordPress, а использовать распространенные, используемые самими разработчиками системы, классы.

Комментировать