Használja a Drupal ZURB Alapítványtémáját

A Drupal témában szerezze be a ZURB Foundation Framework erejét

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 gomb .

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émája lehetővé teszi, hogy mindezen ZURB hatalmat felszabadítsa csak letöltve és engedélyezve egy 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?

Ez a téma nem szükséges a ZURB Alapítvány keretrendszerének használatához. 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 Media-2.x-dev-ot igényel, 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. Tehát a téma 7.x-3.x változata az Alapítvány 3- mal dolgozik, a 7.x- 4 .x verziók az Alapítvány 4- gyel dolgoznak, a 7.x-5.x verziók pedig az Alapítvány 5-vel dolgoznak.

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.

Tájékoztatjuk továbbá, hogy az Alapítványnak 5 további követelményei vannak, különösen a jQuery 1.10. Az alapítvány 4 csak jQuery 1.7 + -ot igényel.

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 közepes méretű képernyőkhöz tartalmaz közepes osztályok egész sorát. 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 & # 34 ;!

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álja ezt a subtheme- t a téma által adott drush parancs segítségével. Így: drst fst the_theme_name
• Lazán olvassa el a kiváló _variables.scss fájlt

A _variables.scss fájlt a drush fst automatikusan létrehozza. Ez az egyetlen fájl tartalmaz változókat szinte mindazokra, amiket a CSS témakörében lehet módosítani. 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 a _variables.scss egy csodálatos hely, ahol elindulhat.

Vegye figyelembe a fájl kiterjesztést: scss, nem css. A _variables.scss használatához be kell állítania a SASS (egy CSS kiterjesztési nyelvet) és az Iránytűt (a SASS-al épített kereteket). Ha compass-okat fordítasz, a scss fájljaid külön fájlokká válnak. (Inkább az iránytű órát választottam - ez folyamatosan fut és frissíti a CSS-t, ahogy kicseréli a scss fájlokat.)

Ha tényleg nem szeretne SASS-rel foglalkozni, a megszokott módon CSS-fájlokat írhat, és felsorolhatja őket a témája .info fájljában. De bízz bennem - az apró időbefektetés, hogy elég tanulhasson a _variables.scss fordításhoz, majdnem azonnal kifizetésre kerül.

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.