Merrni Fuqinë e Kornizës së Fondacionit ZURB në një Theme Drupal
Para se të ekzistonte Twitter Bootstrap , ekziston (dhe është) Fondacioni ZURB, një kornizë që ju lejon të shtoni butona, grila bllok, bare përparësie, tabela çmimi dhe shumë më tepër me disa klasa të mirë të vendosura CSS. Me temën e Fondacionit ZURB për Drupal, ju mund të lëshoni të gjitha këto bling në faqen tuaj Drupal me lehtësi fatale.
Cila është Korniza e Fondacionit ZURB?
Kuadri i Fondacionit ZURB është një koleksion i kodit CSS dhe Javascript për një bandë e gjërave që ndoshta dëshironi në faqen tuaj te internetit. Kjo përfshin jo vetëm karamele të syrit të klikueshëm, ashtu si butonat e lartpërmendur, por edhe disa fuqi të përgjegjshme të vërtetë.
Ju përdorni shumicën e këtyre funksioneve duke shtuar klasa të veçanta CSS. Për shembull:
Këtu është një buton .
Kuadri i Fondacionit ZURB është plotësisht i ndarë nga Drupal. Njerëzit e përdorin atë në WordPress, Joomla, dhe madje edhe faqet statike HTML .
Cila është themeli i fondacionit ZURB Drupal?
Tema e Fondacionit ZURB Drupal ju lejon të lëshoni të gjithë këtë fuqi ZURBish vetëm duke shkarkuar dhe aktivizuar një temë (dhe duke lexuar dokumentacionin dhe duke marrë disa hapa shtesë, natyrisht).
Për shembull, Fondacioni ZURB mbështetet në bibliotekën jQuery Javascript, kështu që ndoshta do të duhet të instalosh jQuery Update. Kontrolloni nëse jeni duke përdorur ndonjë modul tjetër që mbështetet në jQuery. Nëse përdorni një version të ri të jQuery, këto module mund të mos funksionojnë.
Gjithashtu, ndoshta do të dëshironi ta përdorni këtë temë si një temë bazë për temën tuaj personale. Përshtatja është ajo ku Fondacioni ZURB me të vërtetë shkëlqen.
A keni nevojë për këtë temë të përdorni fondacionin ZURB në Drupal?
Ju nuk keni nevojë për këtë temë për të përdorur kuadrin e Fondacionit ZURB. Në rastin më të thjeshtë, kjo temë vetëm shton Fondacionin ZURB CSS dhe Javascript në faqen tuaj, dhe ju mund ta bëni këtë me dorë.
Por kjo temë e bën atë më të lehtë, dhe gjithashtu përfshin një integrim të mëtejshëm me Drupal.
Plus, mund të shtoni module të vogla shtesë për integrim të mëtejshëm. Për shembull, moduli ZURB Orbit ju lejon të ndërtoni një slideshow Orbit me fushat e imazhit. Moduli ZURB Clearing ju lejon të krijoni lightboxes të përgjegjshëm me imazhet e Mediave.
Shënim: Unë nuk i kam përdorur ende këto module të vogla, kështu që ato mund të jenë të rrezikuara. Që nga ky shkrim, ZURB Clearing kërkon Media-2.x-dev, i cili mund të jetë një përditësim i rrezikshëm nëse jeni duke përdorur Media 1.x. Dhe një kërkesë për një version të zhvillimit të një moduli duhet gjithmonë të japë një pauzë. Megjithatë, këto dhe module të tjera të ZURB janë me vlerë të shikohen.
Zgjedhni versionin e ZURB Foundation për përdorim
Para se të shkarkoni temën e Fondacionit ZURB, kontrolloni versionin që duhet të përdorni. Ekzistojnë versione të ndryshme të kornizës së Fondacionit ZURB, dhe numri më i madh i versionit për temën korrespondon me kornizën me të cilën punon. Pra, versionet 7.x-3.x të temës punojnë me Fondacionin 3 , versionet 7.x- 4.x punojnë me Fondacionin 4 dhe versionet 7.x-5x punojnë me Fondacionin 5 .
Nga ky shkrim, versioni i fundit i qëndrueshëm i temës është 7.x-4.x, i cili punon me Fondacionin 4. Versioni 7.x-5.x është ende në zhvillim. Pra, edhe pse faqja e kornizës së Fondacionit supozon që ju do të përdorni Fondacionin 5, ju mund të dëshironi të qëndroni me Fondacionin 4 për momentin.
Gjithashtu vini re se Fondacioni 5 ka kërkesa shtesë, sidomos jQuery 1.10. Fondacioni 4 ka nevojë vetëm për jQuery 1.7+.
Jini të vetëdijshëm për versionin e Fondacionit që po përdorni kur lexoni dokumentacionin në internet. Kjo është veçanërisht e vërtetë nëse nuk po përdor versionin më të fundit të kornizës. Është fatalisht e lehtë të futesh në leximin e dokumenteve për, them, Fondacioni 5, pastaj të frustrosh kur një tipar i ri nuk funksionon në Fondacionin 4 të faqes tënde.
Për shembull, Fondacioni 5 përfshin një seri të tërë të klasave të mesme për ekranet e mesme. Në Fondacionin 4, këto do të dështojnë misteriozisht nëse nuk merrni hapa shtesë.
Përdor SASS, Compass dhe & # 34; _variables.scss & # 34 ;!
Nëse do të shkrepni CSS për këtë temë, sigurohuni që:
- Përdorni temën e Fondacionit ZURB si një temë bazë për nënshtrimin tuaj personal të porosisë
- Genero këtë subtheme duke përdorur komandën drush të dhënë nga tema. Si kjo: drush fst your_theme_name
- Leisurely lexoj skedarin e shkëlqyer _variables.scss
Skeda _variables.scss krijohet automatikisht nga fst drush. Ky skedar i vetëm përmban variablat për pothuajse çdo gjë që mund të dëshironi të shkulni në CSS-në tuaj të temës. Eshte e mrekullueshme! Të gjitha në një vend, ju mund të vendosni çdo gjë nga fontja e parazgjedhur në gjerësinë e ekranit deri në kufirin e breadcrumbs.
Natyrisht, gjithmonë mund të krijoni skedarë shtesë. Por _variables.scss është një vend i shkëlqyer për të filluar.
Njoftoni zgjatjen e skedarit: scss, jo css. Për të përdorur _variables.scss, do të duhet të konfiguroni SASS (një gjuhë zgjatje CSS) dhe Compass (një kornizë e ndërtuar me SASS). Kur të luani kompasin, skedarët tuaj do të kthehen në CSS të bukur në skedarë të veçantë. (Më pëlqen të shikoj busull - kjo vazhdon të funksionojë dhe përditësojë CSS-në ndërsa shkulni skedarët.)
Nëse me të vërtetë nuk dëshironi të shqetësoheni me SASS-in, mund të shkruani skedarët CSS si zakonisht dhe listoni ato në skedarin e infeksionit të temës. Por më besoni - investimi i vogël në kohë për të mësuar mjaftueshëm për të përpiluar _variables.scss do të paguhet pothuajse menjëherë.
Para se të përdorni Fondacionin ZURB
Fondacioni ZURB është më i shkëlqyeshëm, por nuk është i vetmi kuadër i frontit që është integruar me Drupal. Ju mund të dëshironi të konsideroni Bootstrap , një kornizë e ngjashme që gjithashtu ka një temë Drupal. Tani për tani, po përdor vetë fondacionin ZURB, por kjo për shkak se kërkimet e mia treguan se ishte më e lehtë të rregulloje se Bootstrap.
Gjithashtu, komponenti Joyride është shumë i ëmbël.
Dhe nëse përdorni ZURB Foundation, Bootstrap, ose ndonjë kornizë tjetër, sigurohuni që të merrni këto këshilla për përdorimin e një kuadri me Drupal .