Атрымаць Сілу ZURB Framework Foundation в тему Drupal
Да таго , як было Twitter Bootstrap , быў (і ёсць) ZURB фонд, інфраструктура , якая дазваляе дадаваць прыгожыя кнопкі, блок сеткі, бары, цэнавыя табліцы і многае іншае з дапамогай некалькіх добра размешчаных класаў CSS прагрэс. З тэмай ZURB Foundation для Drupal, вы можаце раскрыць усе гэтыя цацкі на сайце Drupal з фатальнай лёгкасцю.
Што такое Framework ZURB Foundation?
Структура ZURB Foundation ўяўляе сабой набор CSS і Javascript кода для звязка рэчаў, якія вы, верагодна, хочаце на сваім сайце. Гэта ўключае ў сябе не толькі інтэрактыўныя вачах цукеркі , як вышэйзгаданыя кнопкі , але і некаторую сапраўды дзіўную спагадлівую улады.
Вы можаце выкарыстоўваць большасць з гэтых функцый шляхам дадання спецыяльных класаў CSS. Напрыклад:
<Р> Вось <клас = "Кнопка" SPAN> Кнопка .А вось <клас "малюсенькая кнопка" SPAN> малюсенькая кнопка .
Структура ZURB Foundation цалкам аддзеленая ад Drupal. Людзі выкарыстоўваюць яго на WordPress, Joomla і нават статычных HTML - сайтаў.
Што Тэма ZURB Foundation Drupal?
Тэма Drupal ZURB Foundation дазваляе раскрыць усю гэтую ZURBish ўлады проста шляхам загрузкі і ўключэння тэмы (і чытаць дакументацыю і прымаючы некалькі дадатковых крокаў, вядома).
Напрыклад, ZURB Foundation выкарыстоўвае бібліятэку JQuery Javascript, таму вам, магчыма, давядзецца ўсталяваць JQuery Update. Праверце, ці правільна вы карыстаецеся любыя іншыя модулі, якія належаць на JQuery. Калі вы выкарыстоўваеце занадта новы варыянт JQuery, гэтыя модулі могуць перастаць працаваць.
Акрамя таго, вы, верагодна, хочаце, каб выкарыстоўваць гэтую тэму ў якасці базавай тэмы для вашай ўласнай карыстацкай тэмы. Выраб на заказ, дзе ZURB Foundation сапраўды ззяе.
Вам патрэбныя гэтая тэма выкарыстоўваць ZURB Foundation ў Drupal?
Вам не трэба гэта тэма , каб выкарыстоўваць рамкі ZURB Foundation. У найпростым выпадку гэта тэма проста дадае CSS ZURB Foundation і Javascript на ваш сайт, і вы можаце зрабіць гэта ўручную.
Але гэтая тэма робіць гэта прасцей, і ён таксама ўключае ў сябе некаторую далейшую інтэграцыю з Drupal.
Акрамя таго, вы можаце дадаць меншыя дадатковыя модулі для далейшай інтэграцыі. Напрыклад, модуль ZURB Orbit дазваляе пабудаваць Orbit слайд-шоў з палёў малюнка. Модуль ZURB Выманне дазваляе ствараць адаптыўныя лайтбоксов з медыя-малюнкамі.
Заўвага: Я не выкарыстоўваў гэтыя малюсенькія модулі яшчэ сам, так што яны могуць быць багатыя небяспекай. На момант напісання артыкула, ZURB клірынгавых патрабуе медыя-2.x-DEV, які можа быць небяспечным абнаўленне, калі вы карыстаецеся СМІ 1.x. І патрабаванне для распрацоўваецца версіі модуля заўсёды павінна даць адну паўзы. Тым не менш, гэтыя і іншыя ZURB модулі варта паглядзець у.
Выберыце якую версію ZURB Фонду выкарыстоўваць
Перад тым як спампаваць тэму ZURB Foundation, праверце, якую версію вы павінны выкарыстоўваць. Існуе розныя асноўныя версіі рамак ZURB Foundation, і асноўны нумар версіі для тэмы адпавядае рамкам ён працуе з. Такім чынам, 7.x- 3 .x версія тэмы працы з Фондам 3, у 7.x -. X версіі працуюць з Фондам 4, і 5 7.x- .x версіі працуюць з Фондам 5.
На момант напісання артыкула апошняя стабільная версія тэмы з'яўляецца 7.x-4.x, які працуе з Фондам 4. Версія 7.x-5.x яшчэ знаходзіцца ў распрацоўцы. Такім чынам, хоць структура сайта Foundation мяркуе, што вы будзеце выкарыстоўваць Foundation 5, вы можаце прытрымлівацца з Фондам 4 на дадзены момант.
Таксама зьвярніце ўвагу, што Фонд 5 мае дадатковыя патрабаванні, асабліва Jquery 1,10. Фонд 4 патрабуецца толькі JQuery 1.7+.
Будзьце ў курсе таго, якую версію фонду вы карыстаецеся, калі вы чытаеце дакументацыю. Гэта асабліва дакладна, калі вы не выкарыстоўваеце апошнюю версію фреймворка. Гэта фатальна лёгка саслізнуць у пачытаўшы дакументацыю, скажам, фонд 5, а затым атрымаць расчараванне, калі новая функцыя не працуе на вашым сайце фонду 4.
Напрыклад, фонд 5 ўключае ў сябе цэлы набор сярэдніх класаў для сярэдніх экранаў. У фонд 4, яны таямніча няўдачу, калі не прыняць дадатковыя меры.
Выкарыстоўвайце SASS, компас, і & # 34; & # _variables.scss 34;!
Калі вы збіраецеся наладзіць CSS для гэтай тэмы на ўсіх, пераканайцеся, што вы:
- Выкарыстоўвайце тэму ZURB Foundation ў якасці базавай тэмы для вашай ўласнай карыстацкай падтэмы
- Сфармаваць гэтую падтэму , выкарыстоўваючы Drush каманду , прадстаўленую тэму. Як гэта: Drush FST your_theme_name
- Нетаропка прагартаць выдатны файл _variables.scss
Файл _variables.scss ствараецца аўтаматычна Drush FST. Гэты адзіны файл ўтрымлівае зменныя амаль усе , што вы , магчыма , захочаце наладзіць ў вашай тэме CSS. Гэта дзіўна! Усё ў адным месцы, вы можаце ўсталяваць усё, што ад шрыфта па змаўчанні для шырыні экрана да мяжы на сухарах.
Вядома, вы заўсёды можаце ўсталяваць дадатковыя файлы. Але _variables.scss гэта цудоўнае месца, каб пачаць.
Звярніце ўвагу на пашырэнне файла: СКС, а не CSS. Каб выкарыстоўваць _variables.scss, вам неабходна наладзіць SASS (а CSS пашырэнне мовы) і Compass (каркас пабудаваны з SASS). Пры запуску компас кампіляваць вашыя файлы SCSS ператворыцца ў цудоўны CSS у асобных файлах. (Я аддаю перавагу компас гадзіны - гэта працягвае працаваць і абнаўленне CSS, як вы падправіць файлы SCSS.)
Калі вы сапраўды, сапраўды не хочаце важдацца з SASS, вы можаце напісаць CSS файлы, як звычайна, і пералічыць іх у .info файле вашай тэмы. Але паверце мне - малюсенькія інвестыцыі часу, каб даведацца дастаткова, каб скласці _variables.scss акупіцца амаль імгненна.
Перад выкарыстаннем ZURB Foundation
ZURB Foundation з'яўляецца самым цудоўным, але гэта не толькі пярэдні канец рамкі, якая была інтэграваная з Drupal. Вы маглі б хацець разгледзець Bootstrap , аналагічную структуру , якая таксама мае тэму Drupal. На дадзены момант, я выкарыстоўваю ZURB Foundation сам, але гэта таму, што маё даследаванне паказала, што гэта было лягчэй наладзіць, чым Bootstrap.
Акрамя таго, кампанент Joyride вельмі салодкі.
І карыстаецеся Ці вы ZURB Foundation, Bootstrap, або некаторыя іншыя рамкі, пераканайцеся , каб атрымаць гэтыя парады па выкарыстанні рамкі з Drupal .