В чем особенность верстки под WordPress?

Question

[yosiaproger]

По сути эта та же обычная верстка только классы как-то по-особенному называются, или что?

Comments

[Otrivin]

Я слышал об особенностях вложенности классов при формировании меню

Answer 1

[Антон Литвиненко]

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

Answer 2

[xmoonlight]

Если CMS требует строго заданного именования css-классов при вёрстке макета в шаблон, то это плохая CMS, и ею не нужно пользоваться.

Всё должно обрабатываться с помощью генерации шаблона через серверный код нужного блока вывода и нужный js-код для обработки событий после рендеринга на стороне клиента (в браузере).

Answer 3

[Вадим Тимошенко]

CMS - система управления контентом. Её задача - дать удобный инструмент управления контентом.

Верстают все как хотят. Есть методологии вроде БЭМ. Вот их можешь использовать для хороших манер и дальнейшего удобства себе и тех, кто будет после тебя.

Comments

[Dima Polos]

в случае с wp БЭМ усложняет разработку

Answer 4

[Орхан Гасанлы]

Здравствуйте!
Важно различать понятия верстки и создания новой темы.
Верстка она и в Африке верстка. Состоит из html, css, js.
Другое дело, что вам нужно создать тему для ВП, т.е. интегрировать готовую верстку с рнр кодом согласно кодексу ВП.
1-й этап - верстка макета
2-й этап - создание темы на ВП. И тут вам нужно изучить кодекс ВП для разработчиков и владеть основами рнр

Comments

[xmoonlight]

И как тут влияет на создание темы для ВП именование css-классов? Там подключаются родные ВП-js-обработчики визуальных блоков и по их фиксированным классам только работают или что?

[Орхан Гасанлы]

И как тут влияет на создание темы для ВП именование css-классов?

Причем тут наименования css классов.

интегрировать готовую верстку с рнр кодом согласно кодексу ВП.

подчеркиваю, создание темы подразумевает знание кодекса ВП и зная кодекс ВП вы можете используя рнр создать тему (интегрировать ВП). CSS в данном случае не играет определенную роль.

Там подключаются родные ВП-js-обработчики визуальных блоков и по их фиксированным классам только работают или что?

ВП интегрируется при помощи РНР. Некоторый функционал плагинов может быть связан с css & js. Но в целом все интегрируется через РНР.

+ тут в вопросе упоминалось про интеграцию меню. В данном случае используется класс Walker. Есть готовые валкеры тоже. Например, для бутстрапа. Достаточно поискать wp nav walker bootstrap