Опубликовано автор в категориях Drupal.

zenthemecreat

Если вы только начинаете осваивать вопросы создания тем для Drupal, и если перед вами стоит задача в краткие сроки создать тему, то сегодняшний пост именно для вас. Все дело в том, что есть такой проект Zen, который является плодом вдохновения разработчиков, которые за основу своего творенья взяли идею CSS Zen Garden, то есть на основе одного «скелета» можно создавать произвольные темы, за счет прекрасной способности Drupal использовать суб-темы.

Итак. Что нужно для того, чтобы начать. Вам понадобится установленный Drupal и тема Zen, последнюю версию ее можно скачать со страницы проекта Drupal Zen theme project.

Изначально в теме Zen заложена возможность создавать суб-темы на ее основе с двух или трех колоночной, фиксированной или «резиновой» разметкой. Если распакуете скачанный архив с проектом, то вы увидите, что сама папка zen содержит в себе три под-папки, а вернее темы. Сама тема zen, которая станет вашей порой, STARTERKIT — это и есть та основа, которую. вам нужно будет переделывать и еще в паке есть тема Zen Classic, которая является воплощением простоты.

Для того чтобы создать новую суб-тему на основе темы zen вам нужно распаковать содержимое скачанного проекта в общую директорию тем вашего сайта sites/all/themes. Если такой директории нет, то ее нужно создать. Если хотите использовать тему Zen Classic, то скопируйте ее из общей папки zen в директорию тем вашего сайта. Кстати, в папке zen, помимо перечисленного также есть и файл README.txt — для тех, кто знает английский и кому мало изложенного в этой статье. Собственно, когда вы выполните перечисленные выше действия у вас почти все готово для того, чтобы начать. Далее, вам придется сделать еще пять шагов к тому, чтобы получить вашу базовую тему.

Шаг первый

Заходим в директорию zen в вашей паке тем и копируем папку STASTERKIT на уровень выше, непосредственно в папку sites/all/themes/ В итоге вы должны получить следующий вид директорий:

starterkitСразу после этого вам нужно переименовать STARTERKIT в название вашей будущей темы. Помните, что оно может состоять только из прописных латинских символов и подчеркиваний! Например, я назвал свою банально first.

Шаг второй

Далее вам следует заняться «тотальным переименованием». На самом деле все не так страшно как кажется. Сначала вам нужно переименовать файл STARTERKIT.info и заменить STARTERKIT на название вашей темы. В моем случае получится файл first.info. А потом откройте этот файл в редакторе и замените все выражения STARTERKIT на название вашей темы. И конечно же не забудьте поправить описание темы и ее название в .info файле. Если вам не хватает регионов в предложенном описании темы, то вы можете их добавить либо «руками», либо с использованием Drupal Theme Starter.

Шаг третий

Настало время определиться с разметкой вашей для темы. Сначала решите фиксированную или «резиновую» разметку вы будете использовать. А далее вам следует проделать таки вещи:

  • Скопируйте файл layout-liquid.css из основной темы zen в вашу суб-тему и переименуйте его в layout.css
  • Скопируйте zen.css файл опять же из основной темы и переименуйте его согласно названию вашей суб-темы. Именно этот файл станет основным, который вам нужно будет редактировать для кастомизации вашей темы
  • Также скопируйте файл print.css в папку вашей суб-темы, который пригодится вашим пользователям, если они захотят распечатать страницу
  • И наконец, скопируйте файл html-elements.css в директорию вашей суб-темы

Шаг четвертый

Далее вам необходимо скопировать себе файлы template.php и theme-settings.php, которые вам нужно будет подредактировать. Суть редактирования заключается в том, чтобы найти и исправить на название вашей темы выражение STARTERKIT. Если вы внесли все изменения, то возле названия вашей суб-темы в списке тем административной части Drupal появиться ссылка на настройки темы. Если вы ее не видите, то внимательно просмотрите файлы еще раз.

Да, чуть не забыл, вся кастомная графика вашей темы должна содержаться в папке images/, которую вы должны создать в директории вашей суб-темы, если вы конечно будете использовать графику.

Единственные графические файлы, которые будут располагаться в корне вашей суб-темы — logo.png, screenshot.png, и favicon.ico.

Как видите, ваша суб-тема не содержит в себе ни одного файла страниц-шаблонов (.tpl.php), поскольку суб-тема изначально использует файлы темы zen. Но если вы хотите использовать собственные файлы шаблонов страниц и блоков, то вам нужно скопировать необходимы файлы в директорию своей суб-темы из темы zen и сделать необходимые изменения. Чаще всего изменяются файлы zen/zen/page.tpl.php (вся страница) и zen/zen/node.tpl.php (нод — стаья, элемент контента).

Вот сейчас почти все готово для кастомизации.

Шаг пятый

Перед тем как кастомизировать вашу тему вы должны сначала активировать ее на сайте, чтобы вы имели возможность видеть результаты своих действий. Для начала, вам нужно назначить одну из тем ядра для админского интерфейса сайта. Зайдите в Administer > Administration theme и назначьте тему для админки, например тот же Garland. Теперь можно смело приниматься за работу.

Перейдите в Administer > Site Building > Themes и назначьте вашу тему темой по умолчанию для сайта. Далее можно перейти в раздел управления блоками и определить нужные вам блоки. Еще вам нужно зайти в настройки вашей темы и отключить кеширование элементов темы, для того чтобы вы могли видеть ваши правки сразу после обновления страницы. Эту опцию нужно будет убрать после того как вы закончите с кастомизацией. А после начнется самое интересное. И если вы знаете основы HTML и CSS, то вам не составит труда создать свой шедевр. Да, конечно, есть еще много нюансов с кастомными функциями вывода блоков или навигации или условиями вывода нодов, но это тема для другой статьи. А сейчас мы достигли того, чего хотели — научились создавать базовую суб-тему на основе темы zen, которая позволит создать собственную тему в большинстве случаев.

Остается только добавить, что на написание этого поста меня вдохновила статья Криса Чарльтона, которая стала его основой.

P.S. Мысли об азартных играх и их состоавляющих…

Возможно, играя в покер онлайн бесплатно, вы сможете скопить достаточную сумму денег для того, чтобы для вас стал доступен свой бизнес, например, продажа автомобилей в одессе, а быть может вы проиграете все свое состаяние и у вас останется денег всего лишь на watch replicas. Решать вам.

11 комментариев к записи “Создаем тему для Drupal на основе темы Zen”

  1. mistadikay

    Спасибо за отличную статью, только не лишним будет упомянуть о том, что файл STARTERKIT.info изначально называется STARTERKIT.info.txt и при переименовании на название своей темы важно убрать расширение .txt, иначе тема в админке видна не будет. Я долго не мог понять, почему не определяется тема, пока не прочитал README.txt где и было написано об обязательном убирании .txt

    Ответить
  2. Игнат

    Далее вам необходимо скопировать себе файлы template.php и theme-settings.php, которые вам нужно будет подредактировать.

    Вопрос : откуда их копировать и куда к себе?
    я скопировал их из папки zen в папку mytheme, после чего тема перестала работать.

    Ответить
  3. Игнат

    Скопируйте файл layout-liquid.css из основной темы zen в вашу суб-тему и переименуйте его в layout.css

    здесь тоже неправильный перевод

    Ответить
  4. Alex

    Отличная статья, только исправьте в предложении:
    «Помните, что оно может состоять только из прописных латинских символов и подчеркиваний!»
    «ПРОПИСНЫЕ» — это большие буквы (если по простому), а маленькие — это «строчные».

    Кто-то может этого и не заметит, а кто-то неправильно поймет.

    Ответить
  5. Kvark

    Может можно упдейтик — как на семерке с зен заставить личное меню выводиться в строчку? А то оно у меня столбиком зараза — 2 день бьюсь не найду что сделать, спасибо если кто пособит

    Ответить

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

  • (не будет показан)