Темизация Drupal 7 на основе ZEN.

image

10.01.12
Comments 5

Наверное самым большим недостатком Drupal является отсутствие для него качественных и бесплатных тем оформления, в Joomla и WordPress дела с этим обстоят куда лучше. Вообще Друпальщики народ скрытный, немногие готовы поделиться своим опытом и наработками с начинающими веб мастерами, но есть пожалуй и приятные исключения, вот допустим известный в определенных кругах друпал-кодер Drupalace, он выложил отличнейший шаблон своего блога в паблик, воистину щедрый поступок, жаль что таких примеров очень мало.

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

Самой популярной стартовой темой для Drupal 7, является ZEN, она отлично документирована, правда на английском языке, но с помощью онлайн переводчика разобраться можно. Еще говорят что ZEN это как бы практический учебник, который научит создавать темы для Drupal с нуля. Ну что, давайте посмотрим как с ней работать.

Скачайте тему ZEN. Затем установите ее в папку (/sites/all/themes/).  Теперь зайдите в папку с нашей темой, внутри нее должна лежать папка с подтемой Starterkit (/sites/all/themes/zen/ Starterkit/), теперь скопируйте ее и перенесите в папку (/sites/all/themes/), то есть она будет находится на одном уровне с темой ZEN. Кстати вы можете забыть про базовую тему ZEN, вам даже не нужно включать ее в админке, потому что будем редактировать только CSS файлы подтемы STARTERKIT.

Первым делом следует пройти в  тему STARTERKIT и переименовать файл STARTERKIT.INFO.TXT в файл STARTERKIT  с расширением  info (STARTERKIT.INFO).

Вам сразу следует определиться с тем какой у вас будет макет, резиновый или фиксированный, если вы решили использовать фиксированный, то вам ничего трогать не нужно, а если резиновый тогда пройдите в тему «STARTERKIT», откройте в ней папку CSS и удалите файлы  layout-fixed.css и layout-fixed-rtl.css, затем в корневой папке сайта откройте файл STARTERKIT.INFO и найдите строку  (stylesheets[all][]        = css/layout-fixed.css) и исправьте ее на (stylesheets[all][]        = css/layout-liquid.css).

Теперь можно пройти в панель управления оформлением сайта и включить нашу подтему, если вы ее не переименовывали, то она будет называться «Zen Sub-theme Starter Kit». Включите ее и пройдите на главную страницу сайта посмотреть что у нас получилось. Конечно увиденное не впечатлит вас, но в этом то вся прелесть, ведь вы будете создавать тему практически с нуля, не вдаваясь в тонкости программирования.

Обратите внимание, после того как мы включили тему, на странице появился блок с предупреждением, для того чтобы убрать его, нужно пройти в «Оформление», настройки нашей темы, и в самом последнем блоке настроек снять галочку со строки «Rebuild theme registry on every page» и сохранить настройки.

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

Tags: 

Комментарии

Pika 16.02.12

спасибо, знал часть этой информации, вы дали очередной толчек)

Bio man 09.07.12

Чето это не по последней версии Zen. Искал эти файлы цсс, не нашел

Петр 19.09.13

Можно ли просто скопировать все файлы чужой темы и переименовать все что нужно?

Андрей 02.06.14

Подскажите пожалуйста, почему у меня в папке имя_темы/css не все документы со стилями. Нету таких документов как: nodes.css, print.css, comments.css, blocks.css, pages.css и т. д.

admin 02.06.14

Потому что это подтема, они будут наследоваться

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