Mielőtt létezne a Twitter Bootstrap, ott volt (és van) a ZURB Alapítvány, amely lehetővé teszi, hogy szép gombokkal, blokkhálózatokkal, előrehaladási rudakkal, árképző táblákkal és még sok más jól elhelyezett CSS osztályokkal adj hozzá. A Drupal ZURB alapítvány témájával könnyedén könnyedén felszabadíthatja a Drupal webhelyén ezt a blinget.
Mi a ZURB Alapítványi Keretrendszer?
A ZURB Foundation keretrendszer egy CSS és Javascript kód gyűjteménye egy csomó cuccnak, amelyet valószínűleg a webhelyén szeretnél. Ez magában foglalja nem csak a kattintható szemcukrot, mint a fent említett gombokat, de néhány igazán elképesztő reagens erejét.
A legtöbb ilyen funkciót speciális CSS-osztályok hozzáadásával használhatja. Például:
Itt van egy .
És itt van egy apró gomb.
A ZURB Alapítvány keretrendszere teljesen független a Drupaltól. Az emberek ezt használják a WordPress, a Joomla, és még a statikus HTML oldalakon is.
Mi a ZURB Foundation Drupal téma?
A Drupal ZURB Alapítvány téma lehetővé teszi, hogy mindezen ZURBish-energiát szabadon engedje le, csak letöltve és engedélyezve a témát (és természetesen olvassa el a dokumentációt és néhány további lépést.)
Például a ZURB Alapítvány a jQuery Javascript könyvtárra támaszkodik, ezért valószínűleg telepítenie kell a jQuery frissítést. Ellenőrizze, hogy a jQuery-t használó egyéb modulokat használ-e. Ha túlságosan új jQuery verziót használ, ezek a modulok leállhatnak.
Továbbá, valószínűleg ezt a témát szeretné használni a saját egyéni téma alapjaivá. A testreszabás a ZURB Alapítvány valóban ragyog.
Szüksége van erre a témára a ZURB Alapítvány használatához a Drupal-ban?
Nem szükség ezt a témát használja a ZURB Alapítvány keretrendszerének. A legegyszerűbb, ez a téma csak hozzáadja a ZURB Foundation CSS és Javascript webhelyét, és ezt kézzel is megteheted.
De ez a téma megkönnyíti ezt, és a Drupal-hoz való további integrációt is magában foglalja.
Ráadásul további kisebb modulokat is hozzáadhat a további integrációhoz. Például a ZURB Orbit modul lehetővé teszi egy Orbit diavetítés létrehozását képmezők segítségével. A ZURB Clearing modul lehetővé teszi, hogy a Média képekhez hozzon létre egy választható lightboxot.
Megjegyzés: Én még nem használtam ezeket a pici modulokat, így veszélyek lehetnek. Ebből az írásból a ZURB Clearing megköveteli
Media-2.x-dev, ami veszélyes frissítés lehet, ha jelenleg Media 1.x-et használ. És egy modul fejlesztési verziójára vonatkozó követelménynek mindig egy szünetet kell biztosítania. Mégis, ezeket és más ZURB modulokat érdemes megvizsgálni.
Válassza ki, hogy a ZURB alapítvány mely verzióját használja
Mielőtt letöltené a ZURB Alapítvány témáját, ellenőrizze, melyik verziót használja. A ZURB Alapítvány keretrendszerének különböző nagy változatai vannak, és a fő verziószám a témához illeszkedik. Így a
7.x-3.x a téma változatai az Alapítványnál dolgoznak 3, a
7.x-4.x a verziók az Alapítványnál dolgoznak 4, és a
7.x-5.x A verziók az Alapítványnál dolgoznak 5.
Ettől kezdve a téma legfrissebb stabil változata a 7.x-4.x, amely az Alapítvány 4-gyel működik. A 7.x-5.x verzió még fejlesztés alatt áll. Tehát, bár az Alapítvány keretprogramja feltételezi, hogy az Alapítvány 5-öt használja, érdemes lenne ragaszkodni az Alapítványhoz 4 most.
Felhívjuk a figyelmet arra, hogy az Alapítványnak 5 további követelményei vannak, különösen a jQuery
1.10. Az alapítványnak csak jQuery kell
1.7+.
Legyen tisztában azzal, hogy az alapítvány mely verzióját használja az online dokumentáció olvasásakor. Ez különösen akkor igaz, ha nem használja a keret legfrissebb verzióját. Fáradhatatlanul könnyű elolvasni a dokumentumokat, például az Alapítvány 5-öt, majd csalódni, ha egy új funkció nem működik az Alapítvány 4 webhelyén.
Például az Alapítvány 5 egész sorát tartalmazza
közepes osztályok közepes méretű képernyőkhöz. Az Alapítvány 4-ben ezek titokzatosan meghiúsulnak, hacsak nem teszel további lépéseket.
Használja a SASS, Compass és a "_variables.scss" elemeket!
Ha egyáltalán megcsípja a CSS-t erre a témára, győződjön meg róla:
- Használja a ZURB Alapítvány témáját, mint a saját egyedi subtheme alapja
- Generáld ezt a subtheme - et a
drush a téma által adott parancs. Mint ez:
drush fst your_theme_name
- Lazán olvassa el a kiválóat
_variables.scss fájl
A
_variables.scss A fájl automatikusan létrehozza a
drush fst. Ez az egyetlen fájl változókat tartalmaz szinte bármi érdemes csípened a témádban a CSS. Ez elképesztő! Mindent egy helyen, mindent beállíthat az alapértelmezett betűtípustól a képernyő szélességéig a kenyérsütés határáig.
Természetesen mindig további fájlokat is létrehozhat. De
_variables.scss csodálatos kiindulópont.
Vegye figyelembe a fájl kiterjesztését:
SCSS, nem
css. Használni
_variables.scss, be kell állítania a SASS (egy CSS kiterjesztési nyelvet) és az Iránytűt (a SASS-al épített keret). Amikor futsz
iránytű fordítása, a te
SCSS a fájlok külön fájlokká válnak. (Inkább
iránytű óra - ez folyamatosan fut és frissíti a CSS-t, ahogy csíped
SCSS fájlokat.)
Ha tényleg nem szeretne SASS-rel foglalkozni, akkor a szokásos módon CSS-fájlokat írhat és felsorolhatja azokat a témában
.info fájlba. De bízz bennem - az apró időbefektetés, hogy elég tanulhasson a fordításhoz
_variables.scss majdnem azonnal kifizetésre kerülnek.
A ZURB Alapítvány használata előtt
A ZURB Alapítvány a legkiválóbb, de ez nem az egyetlen front-end keretrendszer, amely a Drupal-val integrálódott. Lehet, hogy fontolóra veszi a Bootstrap-ot, egy hasonló keretet, amely szintén Drupal témát tartalmaz. Most magam használom a ZURB Alapítványt, de azért, mert a kutatásom azt mutatta, hogy könnyebb testre szabni, mint a Bootstrap.
A Joyride komponens is nagyon édes.
És hogy használ-e a ZURB Alapítványt, a Bootstrap-ot vagy más keretet, győződjön meg róla, hogy ezeket a tippeket a Drupal keretrendszer használatával kapja meg.
