Нашел отличные советы по содержанию и оформлению темы для Drupal. Уважаемый друпалер, отличные советы. Делаю узелок на память:
- Фавиконка.
- Прорисованный / свёрстанный трекер.
- Прорисовывать страницу регионов для блоков.
- Сделанные страницы с 403 и 404 ошибкой (page—403.tpl.php, page—404.tpl.php).
- Страница сайта, когда он находится в режиме разработки (maintenance—page.tpl.php).
- Дизайн должен быть продуман таким образом, что если в блоке или в ноде заголовок оказался слишком длинным, то он не должен некрасиво съезжать.
- Должны различаться по внешнему виду заголовки (h1, h2, h3, h4, h5, h6)
- Ссылка должна быть отрисована как минимум в 3х состояниях: normal, hover, active. Сюда можно добавить и visited, но это уже не обязательно.
- Обязательно должны быть прорисованы и свёрстаны таблицы с заголовками (как минимум рамки или чередующийся фон для tr.even, tr.odd).
- Отступы между параграфами и заголовками.
- Прорисовать и сверстать списковые элементы (маркеры) ul li.
- Пункты меню так же должны иметь как минимум 3 состояния — обычное, выбранное и наведённое, хотя выбранное и наведённое могут совпадать визуально (не желательно).
- Не забыть продумать такой вариант, когда пунктов меню очень много. Сделать так, чтобы вёрстка из-за этого не поехала.
- Для текста на сайте должено быть использовано не более двух шрифтов (а лучше вообще один), страница не должна “плясать” от разнообразия шрифтов.
- Дизайн должен приходить в растре, PSD или EPS, PDF, но дизайн отрисованный в векторе Corel, Illustrator, inkScape (cdr, il, SVG), пожалуй, намного удобнее.
- Кнопки должны быть сделаны в едином стиле и прижаты к одинаковой стороне, если того не требует дизайнерский замысел.
- Элементы форм на сайте тоже должны идти в едином стиле (input, textarea, select,submit и т.п.).
- На макете должны быть прорисованы все состояния элементов и форм. То есть если нарисован, например, опрос, то на макете должен быть нарисован блок до голосования и после него.
- Учитывать SEO при вёрстке сайта. Как минимум соблюдать:
- h1 Должен встречаться только 1 раз на каждой странице сайта, и в него должен идти заголовок страницы.
- Заголовки нод в анонсах должны быть заключены в h2.
- Заголовка блоков в h3.
- На таблицах верстают пидорасы. Мужыки верстают на div’ах.
- Из неосновного ещё можно почитать тут.
- У изображений должен присутствовать аттрибут alt.
- У ссылок должен присутствовать аттрибут title.
- Не используйте устаревшие тэги.
- Вместо <br> пишите <br/> (У нас всё-таки XHTML).
- Всегда пишите единицы измерения в css и html (100px, 13pt, 2em, 30%).
- Кодировка страниц должна быть UTF-8 (без BOM).
- Не забывать делать акцент на разницу между неопубликованными материалами и комментариями от опубликованных.
- Неплохо было бы выделить материал, который закреплён вверху списка (sticky).
- Комментарии должны содержать как минимум автора комментария, содержимое, ссылки на действия (удалить, редактировать, ответить) и ссылку на комментарий (обычно такого вида: #1).
- Шаблон не должен содержать в себе никакой информации, за исключением (возможно) информации о разработчиках.
- Всё, что можно вынести в настройки темы — выносите. Позвольте пользователю самому выбрать понравившийся вариант.
- Не стоит забывать о стандартах кодирования.
- Если стандартный шаблон не был изменён, то не надо его добавлять в тему. Т.е. если вы ничего не меняли, например, в шаблоне html.tpl.php, то в теме его не должно быть.
- Тема не должна убирать стандартные стили ядра. Она должна перекрывать их.
- Если нет необходимости добавлять свои регионы — пользуйтесь стандартными, а не перекрывайте их идентичными с другими названиями.
- В теме должен быть файл стилей для версии для печати print.css.
- Должна быть проверена корректная поддержка модуля overlay (Drupal 7 и выше).
- Хорошим тоном считается прописывание в теме первичного и вторичного меню автоматически. Т.е. не через блоки, а прямым выводом меню в шаблоне.
- Так как многие сайты используют редакторы текста, то проверить ввод комментариев хотя бы с модулями bueditor и ckeditor.
- Убрать подсказки форматирования и выбор формата воода хотя бы для анонимов. Может, кому-то и нравится, но выглядит не очень симпатично. Но проверить, что у редакторов/администраторов есть возможность переключаться между форматами ввода.
- Вообще, конечно, хорошо бы все размеры сделать в относительных величинах (em, %).
- После завершения вёрстки не поленитесь посмотреть сайт хотя бы в IE7+, Opera, Chrome, Safari, FF.
- После завершения вёрстки проверьте её на валидность.
- Создать страницу для проверки типографики, например, как тут. Однако приведённый пример не является полным, поэтому лучше сделайте свой.
Оригинал взят из блога Drupalace.ru
Добавить комментарий