Семантика тем WordPress

Дата публикации:Август 25, 2010

Дочерние темы могут кардинально изменять любой существующий функционал. Допустим, вам нравится определенная тема, в которой имеется класс column-right, отвечающий за размещение сайдбара с правой стороны от основного контента. Однако, вы хотите, чтобы сайдбар выводился с левой стороны. Как поступить? Установить правило float:left в стилевых таблицах. Правда, оно может воздействовать не только на сайдбар, но и на другие связанные элементы — все это не существенно, поскольку сейчас нас волнует сама идея, как провести требуемые изменения.

Минус такого решения — запутанность кода. Почему элемент, находящийся в классе column-right, обладает левым позиционированием, несмотря на то, что в названии класса присутствует слово right? Название класса должно быть осмысленным, особенно когда над проектом работает целая команда людей. Если название отражает суть элемента, вам будет проще разобраться в том, что он делает.

Теперь перейдем к рассмотрению термина «сайдбар». Большинство дизайнеров считает, что если файл шаблона носит название «sidebar.php», то и сам боковой столбец должен иметь класс sidebar. Такое применение основывается на тех временах, когда WordPress использовался лишь в качестве платформы для создания блогов. Сейчас WordPress — это полноценная CMS, позволяющая создавать сайты различной направленности. В связи с этим почему бы боковой колонке не присвоить класс с разумным названием sidecolumn? Тут стоит обратить свое внимание на то, что боковой столбец обычно имеет произвольную ширину и располагается между основным контентом и подвалом. С этой точки зрения, название sidebar является более разумным, поскольку подчеркивает тот факт, что это именно ограниченная панель, а не столбец, который может принимать любую ширину.

Семантика должна являться определяющим фактором в процессе именования классов. Впоследствии, при редактировании файла стилей вам самим же будет проще разобраться во всех правилах.

Поделиться

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

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

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.