Akiru la Potencon de la ZURB-Fondaĵa Framework en Drupalo-Temo
Antaŭ ol estis Twitter Bootstrap , ekzistis (kaj estas) ZURB-Fondaĵo, kadro, kiu permesas aldoni belajn butonojn, blokajn kradojn, progresajn riglilojn, prezojn de tabloj kaj multe pli kun kelkaj bone metitaj CSS-klasoj. Kun la temo ZURB-Fondaĵo por Drupalo, vi povas malŝalti ĉion ĉi bling sur via Drupalo-ejo kun fatala facileco.
Kio estas la ZURB Foundation Framework?
La ZURB-Fondaĵo-kadro estas kolekto de CSS kaj Javascript-kodo por aro da aferoj, kiujn vi verŝajne volas en via retejo. Ĉi tio inkluzivas ne nur alklakajn okulojn kiel la menciitajn butonojn, sed ankaŭ kelkajn vere mirindajn respondemajn potencojn.
Vi uzas plej multajn ĉi tiujn trajtojn aldonante specialajn CSS-klasojn. Ekzemple:
Jen butono . Kaj ĉi tie estas malgranda butono eta butono . La ZURB-Fondaĵo-kadro estas tute apartigita de Drupalo. Homoj uzas ĝin sur WordPress, Joomla, kaj eĉ statikaj HTML- ejoj. La Drupal-ZURB-Fondaĵo- temo permesas al vi malŝalti ĉiun ĉi tiun ZURB-potencon nur elŝutante kaj ebligante temon (kaj legante la dokumentadon kaj prenante kelkajn kromajn paŝojn, kompreneble). Ekzemple, ZURB Foundation dependas de la jQuery Javascript-biblioteko, do vi eble devas instali jQuery Update. Kontrolu ĉu vi uzas iujn aliajn modulojn kiuj fidas je jQuery. Se vi uzas tre novan version de jQuery, ĉi tiuj moduloj povas ĉesi funkcii. Ankaŭ vi verŝajne volas uzi ĉi tiun temon kiel bazan temon por via propra kutimo. Personigo estas kie ZURB Foundation vere brilas. Vi ne bezonas ĉi tiun temon uzi la ZURB-Fondkadron. Ĉe ĝia plej simpla, ĉi tiu temo nur aldonas la ZURB-Fondon CSS kaj Javascript al via retejo, kaj vi povus fari tion permane. Sed ĉi tiu temo faras tion pli facila, kaj ĝi ankaŭ inkluzivas iun plian integriĝon kun Drupalo. Plus, vi povas aldoni pli malgrandajn kromajn modulojn por plua integriĝo. Ekzemple, la modulo ZURB Orbit permesas konstrui orbitan bildoprezenton kun bildaj kampoj. La ZURB-Ŝlosila modulo permesas krei respondema lightboxes kun amaskomunikiloj. Noto: Mi ankoraŭ ne uzis ĉi tiujn malgrandajn modulojn, do ili povas esti plena de danĝero. De ĉi tiu skribo, ZURB Clearing postulas Media-2.x-dev, kiu povus esti danĝera ĝisdatigo se vi nun uzas Media 1.x. Kaj postulo por disvolviĝo de modulo ĉiam devas doni unu paŭzon. Tamen, ĉi tiuj kaj aliaj moduloj de ZURB valoras rigardi. Antaŭ ol vi elŝutas la ZURB-Fondan temon, kontrolu, kiun version vi devas uzi. Ekzistas malsamaj ĉefaj versioj de la ZURB Foundation framework, kaj la plej grava versio por la temo respondas al la kadro, kiun ĝi funkcias. Do, la 7.x- 3 .x versioj de la temo funkcias kun Fondo 3 , la 7.x- 4 .xaj versioj funkcias kun Fondo 4 , kaj la 7.x- 5 .x versioj funkcias kun Fondo 5 . De ĉi tiu skribo, la plej lasta stabila versio de la temo estas 7.x-4.x, kiu funkcias kun Fondaĵo 4. La versio 7.x-5.x estas ankoraŭ evoluanta. Do, kvankam la Fonda kadreja retejo supozas, ke vi uzos Fondon 5, vi eble volas resti kun Fondo 4 nuntempe. Ankaŭ notu, ke Fondaĵo 5 havas kromajn postulojn, precipe jQuery 1.10. Fondo 4 nur bezonas jQuery 1.7+. Estu konscia pri tiu versio de Fondaĵo, kiun vi uzas kiam vi legas la interreta dokumentado. Ĉi tio estas precipe vera, se vi ne uzas la lastan version de la kadro. Ĝi foje facile frapas legi la dokumentojn, ekzemple, Fondo 5, tiam maltrankviliĝu kiam nova funkcio ne funkcias sur via Fondaĵo 4-ejo. Ekzemple, Fondaĵo 5 inkluzivas tutan aron da mezaj klasoj por mezgrandaj ekranoj. En Fondo 4, ĉi tiuj mistere malsukcesos, se vi ne prenos kromajn paŝojn. Se vi volas tweak la CSS por ĉi tiu temo, certigu vin: La _variables.scss-dosiero estas kreita aŭtomate per drush fst. Ĉi tiu sola dosiero enhavas variablojn por preskaŭ io ajn, kiun vi eble volas tweak en via temo CSS. Estas mirinda! Ĉiu en unu loko, vi povas agordi ĉion de la defaŭlta tiparo al la ekrano larĝe al la bordo sur la pano. Kompreneble, vi ĉiam povas agordi kromajn dosierojn. Sed _variables.scss estas bonega loko por komenci. Rimarku la dosieron-etendon: scss, not CSS. Por uzi _variables.scss, vi devos starigi SASS (CSS-etendaĵon) kaj Kompaso (kadro konstruita kun SASS). Kiam vi kuras kompason, via skemo dosieroj fariĝos belaj CSS en apartaj dosieroj. (Mi preferas kompasan horloĝon - ĉi tio daŭras kurante kaj ĝisdatigas la CSS kiel vi tweak la skizajn dosierojn.) Se vere vi vere ne volas ĝeni kun SASS, vi povas skribi CSS-dosierojn kiel kutime kaj listigi ilin en la dosiero .info de via temo. Sed fidu min - la eta tempo investado por lerni sufiĉe por kompili _variables.scss estos redonita preskaŭ tuj. ZURB-Fondaĵo estas plej bonega, sed ĝi ne estas la sola fronta kadro, kiu estis integrita kun Drupalo. Vi eble volas konsideri Bootstrap , similan kadron, kiu ankaŭ havas Drupalon-temon. Nuntempe mi mem uzas ZURB Foundation, sed tio estas, ĉar mia esplorado indikis, ke ĝi estas pli facile personecigi ol Bootstrap. Ankaŭ, la Joyride-komponanto estas sufiĉe dolĉa. Kaj ĉu vi uzas ZURB Foundation, Bootstrap aŭ iu alia kadro, nepre ricevos ĉi tiujn konsiletojn uzante kadron kun Drupalo . Kio estas la ZURB Foundation Drupalo Temo?
Ĉu Vi Devas Ĉi tiun Temon Uzi ZURB-Fondon en Drupalo?
Elektu Kiun Version de ZURB-Fondaĵo Uzi
Uzu Sass, Compass, kaj & # 34; _variables.scss & # 34 ;!
Antaŭ Vi Uzas ZURB-Fondon