Fáðu styrk ZURB Foundation Framework í Drupal Theme
Áður en það var Twitter Bootstrap , var (og er) ZURB Foundation, ramma sem gerir þér kleift að bæta við fallegum hnöppum, blokkum rásum, framvindastikum, verðlagningartöflum og margt fleira með nokkrum vel staðsettum CSS flokkum. Með ZURB Foundation þemainu fyrir Drupal getur þú sleppt öllum þessum blingum á Drupal síðuna með banvænum vellíðan.
Hvað er ZURB Foundation Framework?
The ZURB Foundation ramma er safn af CSS og Javascript kóða fyrir fullt af efni sem þú vilt líklega á vefsíðunni þinni. Þetta felur ekki aðeins í sér augljós augnsósu eins og áðurnefndar hnappar, heldur einnig nokkrar sannarlega ótrúlega móttækilegir kraftar.
Þú notar flest þessara eiginleika með því að bæta við sérstökum CSS flokkum. Til dæmis:
Hér er hnappur . Og hér er lítill hnappur . ZURB Foundation ramma er algerlega aðskilið frá Drupal. Fólk notar það á WordPress, Joomla, og jafnvel truflanir HTML síður. Drupal ZURB Foundation þemain gerir þér kleift að slökkva á öllum þessum ZURBish krafti með því að hlaða niður og gera þema (og lesa skjölin og taka nokkrar auka skref, auðvitað). Til dæmis, ZURB Foundation byggir á jQuery Javascript bókasafninu, svo þú verður sennilega að setja upp jQuery Update. Athugaðu hvort þú notar aðrar einingar sem treysta á jQuery. Ef þú notar of nýjan útgáfu af jQuery geta þessar einingar hætt að virka. Einnig munt þú sennilega vilja nota þetta þema sem grunnþema fyrir þitt eigið sérþema. Sérsniðin er þar sem ZURB Foundation skín í raun. Þú þarft ekki þetta þema til að nota ZURB Foundation ramma. Í einföldu lagi, þetta þema bætir bara ZURB Foundation CSS og Javascript við síðuna þína, og þú gætir gert það handvirkt. En þetta þema gerir það auðveldara, og það felur einnig í sér frekari samþættingu við Drupal. Auk þess er hægt að bæta við minni viðbótareiningum til frekari samþættingar. Til dæmis gerir ZURB sporbrautareiningin þér kleift að byggja upp sporbrautarskyggni með myndum. ZURB Clearing-einingin gerir þér kleift að búa til móttækilegar ljósaperur með Media-myndum. Athugaðu: Ég hef ekki notað þessar örlítið einingar ennþá, svo að þeir megi vera hættulegir. Eins og með þessa ritgerð krefst ZURB Clearing Media-2.x-dev, sem gæti verið hættuleg uppfærsla ef þú notar Media 1.x núna. Og kröfu um þróunarútgáfu eininga ætti alltaf að gefa eitt hlé. Enn, þessir og aðrir ZURB einingar eru þess virði að skoða. Áður en þú hleður niður ZURB Foundation þema skaltu athuga hvaða útgáfu þú ættir að nota. Það eru mismunandi helstu útgáfur af ZURB Foundation ramma, og aðalútgáfanúmerið fyrir þemað samsvarar þeim ramma sem það vinnur með. Þannig vinna 7.x- 3 .x útgáfur þemaðsins með Foundation 3 , 7.x- 4 .x útgáfunum með Foundation 4 og 7.x- 5 .x útgáfunum með Foundation 5 . Eins og með þessa ritun er nýjasta stöðugar útgáfan af þemað 7.x-4.x, sem vinnur með Foundation 4. 7.x-5.x útgáfan er enn í þróun. Svo, þótt Foundation Framework website ráð fyrir að þú munt nota Foundation 5, gætirðu viljað halda áfram með Foundation 4 fyrir nú. Athugaðu einnig að Foundation 5 hefur aukakröfur, sérstaklega jQuery 1.10. Stofnun 4 þarf aðeins jQuery 1.7+. Vertu meðvituð um hvaða útgáfu af Foundation þú notar þegar þú lest á netinu skjölin. Þetta á sérstaklega við ef þú notar ekki nýjustu útgáfu ramma. Það er fínt auðvelt að miðla í að lesa skjölin, til dæmis, Foundation 5, þá verða svekktur þegar nýr eiginleiki virkar ekki á Foundation 4 síðuna þinni. Til dæmis, stofnun 5 inniheldur allt sett af miðlungs bekkjum fyrir meðalstór skjái. Í Foundation 4, þetta mun dularfullur mistakast nema þú tekur auka skref. Ef þú ætlar að klífa CSS fyrir þetta þema yfirleitt, vertu viss um að: Skráin _variables.scss er búin til sjálfkrafa af drush fst. Þessi eini skrá inniheldur breytur fyrir næstum allt sem þú gætir viljað klipa í CSS þema. Það er ótrúlegt! Allt á einum stað getur þú stillt allt frá sjálfgefna letrið til skjásins breiddar til landamæranna á breadcrumbs. Auðvitað getur þú alltaf sett upp viðbótarskrár eins og heilbrigður. En _variables.scss er glæsilegt staður til að byrja. Takið eftir skráarsendingu: scss, ekki css. Til að nota _variables.scss þarftu að setja upp SASS (CSS eftirnafn) og Compass (ramma byggt með SASS). Þegar þú keyrir áttavita saman verður scss skráin þín breytt í fallegu CSS í sérstökum skrám. (Ég vil frekar áttavitahorf - þetta heldur áfram að keyra og uppfæra CSS eins og þú klipar á scss skrár.) Ef þú vilt virkilega ekki trufla með SASS, þá getur þú skrifað CSS skrár eins og venjulega og listað þau í .info skrá þemunnar. En treystu mér - lítill tími fjárfesting að læra nóg til að safna _variables.scss verður greiddur aftur næstum þegar í stað. ZURB Foundation er mest framúrskarandi, en það er ekki eini framan ramma sem hefur verið samþætt við Drupal. Þú gætir viljað íhuga Bootstrap , svipað ramma sem einnig hefur Drupal þema. Núna nota ég ZURB Foundation sjálfur, en það er vegna þess að rannsóknir mínar sýndu að það var auðveldara að aðlaga en stígvél. Einnig er Joyride hluti frekar sætur. Og hvort þú notar ZURB Foundation, Bootstrap eða annan ramma, vertu viss um að fá þessar ráðleggingar um að nota ramma með Drupal . Hvað er ZURB Foundation Drupal Theme?
Þarfnast þú þetta þema til að nota ZURB Foundation í Drupal?
Veldu hvaða útgáfa af ZURB Foundation til að nota
Notaðu SASS, Compass og & # 34; _variables.scss & # 34 ;!
Áður en þú notar ZURB Foundation