Преди да има Twitter Bootstrap, имаше (и е) фондация ZURB, рамка, която ви позволява да добавяте доста бутони, блокиращи решетки, прогресивни ленти, ценови таблици и много други с няколко добре разположени CSS класове. С темата на фондацията на ZURB за Drupal, можете да разгърнете всичко това bling на вашия сайт на Drupal с фатална лекота.
Какво представлява рамката на фондацията ZURB?
Фондацията на ZURB Foundation е колекция от CSS и Javascript кодове за куп неща, които вероятно искате на вашия уеб сайт. Това включва не само бонбони, които могат да бъдат кликвани, като гореспоменатите бутони, но и наистина наистина невероятна реакция.
Вие използвате повечето от тези функции, като добавите специални CSS класове. Например:
Тук е .
И тук е малък бутон.
Фондацията на ZURB Foundation е напълно отделена от Drupal. Хората го използват в WordPress, Joomla и дори в статични HTML сайтове.
Какво представлява темата на Drupal на фондацията ZURB?
Фондацията на Drupal ZURB тема ви позволява да разгърнете цялата тази ZURBish мощност просто като изтеглите и активирате тема (разбирате документацията и като предприемете няколко допълнителни стъпки, разбира се).
Например, фондацията ZURB разчита на jQuery Javascript библиотеката, така че вероятно ще трябва да инсталирате jQuery Update. Проверете дали използвате други модули, които разчитат на jQuery. Ако използвате твърде нова версия на jQuery, тези модули може да спрат да работят.
Също така, вероятно ще искате да използвате тази тема като основна тема за вашата собствена тема. Персонализиране е мястото, където фондацията ЗУББ наистина блести.
Нуждаете ли се от тази тема да използвате фондацията ZURB в Drupal?
Вие не трябва тази тема да се използва рамката на фондацията ZURB. В най-простата си, тази тема просто добавя ZURB фондация CSS и Javascript към вашия сайт, и можете да го направите ръчно.
Но тази тема прави това по-лесно и включва още по-нататъшна интеграция с Drupal.
Освен това можете да добавите по-малки допълнителни модули за по-нататъшна интеграция. Например, модулът ZURB Orbit ви позволява да създадете орбитален слайдшоу с полета за изображения. Модулът за изчистване на ZURB ви позволява да създавате ответни кутии с изображения с мултимедия.
Забележка: Аз все още не съм използвал тези малки модули, затова може да са застрашени от опасност. От момента на това писане, ZURB Clearing изисква
Media-2.x-Dev, което може да е опасно надстройване, ако в момента използвате Media 1.x. А изискването за версия за разработка на модул трябва винаги да дава една пауза. Все пак тези и други модули ZURB си заслужава да бъдат разгледани.
Изберете коя версия на ZURB Foundation да използвате
Преди да изтеглите темата на фондацията ZURB, проверете коя версия да използвате. Има различни основни версии на рамката на фондацията ZURB, а основният номер на версията за тази тема съответства на рамката, с която работи. Така че
7.x-3.х версии на тематичната работа с фондацията 3,
7.x-4.х версиите работят с фондацията 4, и
7.x-5.х Версиите работят с фондацията 5.
Считано от това писание, най-новата стабилна версия на темата е 7.x-4.x, която работи с фондацията 4. Версията 7.x-5.x все още е в процес на разработка. Така че, въпреки че уебсайтът на Фондацията предполага, че ще използвате Foundation 5, може би ще искате да се придържате към Foundation 4 за сега.
Също така имайте предвид, че Foundation 5 има допълнителни изисквания, особено jQuery
1.10, Фондация 4 се нуждае само от jQuery
1.7+.
Имайте предвид коя версия на фондацията използвате, когато четете онлайн документацията. Това важи особено, ако не използвате последната версия на рамката. Това е фатално лесно да се промъкнеш в четенето на документите, да речеш Фондация 5, след това да се разочароваш, когато нова функция не работи на сайта си Foundation 4.
Например Фондация 5 включва цял набор от
среда класове за средни екрани. Във Фондация 4 те ще се провалят мистериозно, освен ако не предприемете допълнителни стъпки.
Използвайте SASS, Compass и "_variables.scss"!
Ако искате да промените CSS за тази тема, уверете се, че:
- Използвайте темата на фондацията ZURB като основна тема за ваша собствена подтема
- Генерирайте тази подтема с помощта на
drush команда, осигурена от темата. Като този:
напишете името си
- Свободно прегледайте отличните
_variables.scss досие
Най-
_variables.scss файлът се създава автоматично от
drush fst, Този един файл съдържа променливи за почти нищо може да искате да промените в темата CSS. Това е невероятно! На едно място можете да зададете всичко, от шрифта по подразбиране, до ширината на екрана, до границата на гайдата.
Разбира се, винаги можете да създавате и допълнителни файлове. Но
_variables.scss е прекрасно място за начало.
Забележете разширението на файла:
SCSS, не
CSS, Да използвам
_variables.scss, ще трябва да настроите SASS (разширен език за CSS) и Compass (рамка, изградена със SASS). Когато тичаш
компас компилират, Вашият
SCSS файловете ще се превърнат в прекрасни CSS в отделни файлове. (Предпочитам
часовник за компас - това продължава да работи и актуализира CSS, докато ощипвате
SCSS файлове.)
Ако наистина, наистина не искате да се занимавате със SASS, можете да пишете CSS файлове както обикновено и да ги изброите в темата си
.info файл. Но повярвайте ми - малкото време за инвестиране, за да се научите достатъчно, за да съберете
_variables.scss ще бъдат върнати почти веднага.
Преди да използвате фондацията ZURB
Фондацията ZURB е отлична, но тя не е единствената рамка от предния край, интегрирана с Drupal. Може да помислите за Bootstrap, подобна рамка, която също има тема на Drupal. Засега използвам самата фондация ZURB, но това е така, защото моето изследване показа, че е по-лесно да се персонализирате, отколкото Bootstrap.
Също така, компонентът Joyride е доста сладък.
И дали използвате ZURB Foundation, Bootstrap или някаква друга рамка, не забравяйте да получите тези съвети за използването на рамка с Drupal.
