Создание темы для Drupal 7 и PSD эскиза — часть вторая
Опубликовано: 02.11.2017
Это уже вторая статья по этой теме. В первой части вы узнали, как спланировать простую тему и определить элементы страницы. Если не читали первую часть не беда, вы можете прочитать её, перейдя по ссылке .
Каждый разработчик тем для Drupal подходит к задачам по их созданию по-разному. В данном случае Эмма ( Emma Jane Hogbin ) рассказывает о своих принципах создания темы. Здесь описывается минимум того, что нужно использовать для создания жизнеспособной темы.
Чтобы ускорить процесс, в качестве основы для вашей темы Эмма советует использовать тему NineSixty. Вы можете скачать ее здесь . Эта тема позволяет легко использовать CSS grid framework от 960.gs для вашего макета. Есть еще много замечательных тем, поэтому можете выбрать в качестве основы то, что вам нравится. Лично я (автор блога) предпочитаю использовать тему Framework для основы своих проектов, при этом я не делаю под-темы, а создаю тему «с нуля», но в этой статье речь пойдет именно о создании с использованием базовой темы в качестве основы.
PSD to HTML conversion made easy
Создание темы
Создайте новую папку (название должно начинаться с буквы) на вашем сервере с Drupal; подкаталог sites/all/themes
Давайте будем использовать thewire в качестве примера имени вашей темы (естественно, вы можете назвать тему как угодно). Добавьте в эту папку текстовый файл с названием thewire.infopart 10 coding the design product UI of your e commerce website 2
Название должно в точности совпадать с именем папки. Файл будет как бы менеджером вашей темы — подгружать пользовательские файлы CSS и создавать области для вашего файла шаблона страницы. Скопируйте пример настройки в .info файл. Он должен содержать вот такую информацию:
| name = Season One description = Featuring characters from The Wire . core = 7 . x engine = phptemplate base theme = ninesixty screenshot = thewire -screenshot .png ; Add custom regions , CSS and Javascript files regions [mcnulty ] = McNulty . Left sidebar , three columns regions [kima ] = Kima . Right sidebar , three columns regions [rawls ] = Rawls . Header , 12 columns regions [stringer ] = Stringer . Footer , 12 columns regions [omar ] = Omar . Banner area , front page only , 12 columns stylesheets [all ] [ ] = bunk .css scripts [ ] = bubbles .js |
name = Season One description = Featuring characters from The Wire. core = 7.x engine = phptemplate base theme = ninesixty screenshot = thewire-screenshot.png ; Add custom regions, CSS and Javascript files regions[mcnulty] = McNulty. Left sidebar, three columns regions[kima] = Kima. Right sidebar, three columns regions[rawls] = Rawls. Header, 12 columns regions[stringer] = Stringer. Footer, 12 columns regions[omar] = Omar. Banner area, front page only, 12 columns stylesheets[all][] = bunk.css scripts[] = bubbles.js