Създаване на тема за Drupal 7 и PSD умалените

Всеки разработчик на теми за Drupal подход към проблема за създаването им по различни начини. В този случай, Ема (Ема Джейн Hogbin) говори за неговите принципи за създаване на конци. Той описва минимумът, който трябва да се използва, за да създаде жизнеспособна теми.

Създаването на теми

Създаване на нова папка (името трябва да започва с буква) на вашия сървър с Drupal; сайтове в поддиректории / всички / теми
Нека използваме като пример thewire име на вашата тема (разбира се, можете да се обадите на темата, колкото искате). Добави в тази папка текстов файл, наречен thewire.info
Името трябва да съответства точно на името на папката. Файлът ще бъде като мениджърът на вашата тема - да се зареди потребителски CSS файлове и създаване на домейн за вашия сайт шаблон файл.
Копирайте примерната конфигурация файла .info. Тя трябва да съдържа следната информация тук:

Забележка: област Макнълти, Kima и Ролс не се използват на началната страница.

Превод на PSD към Drupal

Време е да се премине своя дизайн тема Drupal.
На този етап можете да експортирате HTML от своя дизайн програма (Photoshop prim.avt.), Или по подразбиране да се започне от файл page.tpl.php предоставена от Drupal.

Когато създавате шаблон по този начин можете да се придвижвате бързо от дизайн файла на тема Drupal, така можете да намерите недостатъци в някои от решенията. Това дава по-добра възможност да се съсредоточи върху в нов стил HTML, който осигурява Drupal, вместо да се налага да се пренапише маркирането, генерирани от Drupal.

За да използвате 960gs трябва да сте наясно със следните понятия:
За създаване на квадратен контейнер с всякакъв размер трябва да се използва

използва ширина до 100%. Въпреки това, височината ще бъде същото като съдържанието се съдържа в него. За да настроите ширината

определен брой колони, то е необходимо да се назначи «клас» в DIV. Името на класа ще включва броя на колоните

да бъде. Например:

Контейнерите могат да имат няколко стилове, приложени към тях, разделени с интервал. Например:


Контейнерите могат да имат и уникални идентификатори, които се прилагат към тях. Това е особено полезно, ако имате нужда да се прилагат уникални стилове само на определено място. Например:

С тези прости правила, както и магически заклинания :), можете да се създаде уеб сайт шаблон използване 960gs.

По този начин, ние сега трябва или да променят page.tpl.php файл и започнете да добавяте съответните CSS класовете, за да изглежда по-скоро като мрежа,
или копиране на "шаблон по подразбиране" файлове от ninesixty стоките в собствената си тема, а след това започнете да копирате материали, и да се премести на друго място, така че да изглежда като вашия кадър.

Нека да започнем с добавяне на ново поле, наречено "Стрингър» ( "стрингер").

  • Каква ще бъде ширината на стрингер?
  • Колко трябва блоковете има стрингер?
  • "Уникален" по някакъв начин някой от тези елементи? Дали ще е необходим отделен шаблон файл?
  • Stringer - 12 колони от shirirne.
  • Стрингър се състои от три блока.
  • Един от тези блокове е шест високоговорителя. Останалата част - три колони.

За да направите нови обекти област подпорни / всички / теми / yourbasethemefolder.
Всякакви конкретни теми трябва да бъдат изтеглени тук сайтове / domainname.com / теми / yourthemefolder.

Уверете се, че директорията на уеб сървъра е отворен за четене и редактиране.
Вие трябва да направите същите свойства на папки в главната директория Drupal на сървъра, за да бъде в състояние за достъп до файловете тема.

Как е? Доста мрачна, нали?

Нека да се преработи на останалата част от интерфейса

Сега, след като основите на темата на място, че е време да се финализира всичко. Вижте всичко, което е "погрешно" и го оправи! Понякога може да се наложи да създадете потребителски шаблонни файлове, а понякога просто трябва да се настроят CSS.

Ето няколко връзки, които ще ви помогнат по-специално с Theming страници:

Погледнете източник tpl.php модул файл, за да намерите най-променливи, които могат да се местят и преоразмеряват.

Сходни публикации: