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