Použití tématu nadace ZURB pro Drupal

Získejte sílu rámce nadace ZURB v tématu Drupal

Předtím, než se objevilo Twitter Bootstrap , byla (a je) Nadace ZURB, která vám umožní přidávat hezké knoflíky, blokové mřížky, pokrokové tyče, cenové tabulky a mnoho dalšího s několika dobře umístěnými třídami CSS. S tematikou nadace ZURB pro Drupal můžete uvolnit všechnu tuto bling na vašem webu Drupalu se smrtelnou lehkostí.

Co je rámec nadace ZURB?

Nadace ZURB Foundation je sbírka kódů CSS a Javascript pro spoustu věcí, které pravděpodobně chcete na svých webových stránkách. To zahrnuje nejen klikací oční bonbony jako výše uvedené tlačítka, ale také nějakou opravdu úžasnou citlivou sílu.

Většinu těchto funkcí používáte přidáním speciálních tříd CSS. Například:

Zde je tlačítko .

A zde je drobné tlačítko ""

Nadace ZURB Foundation je zcela oddělena od Drupal. Lidé ji používají na stránkách WordPress, Joomla a statické HTML stránky.

Co je téma Drupal nadace ZURB?

Téma nadace Drupal ZURB Foundation vám umožní uvolnit veškerou tuto sílu ZURBish právě stahováním a zapnutím tématu (samozřejmě si přečtete dokumentaci a několik dalších kroků).

Například ZURB Foundation spoléhá na knihovnu jQuery Javascript, takže pravděpodobně budete muset nainstalovat jQuery Update. Zkontrolujte, zda používáte jiné moduly, které se spoléhají na jQuery. Pokud používáte příliš novou verzi jQuery, mohou tyto moduly přestat fungovat.

Také budete pravděpodobně chtít použít toto téma jako základní motiv pro vlastní vlastní téma. Přizpůsobení je tam, kde Nadace ZURB skutečně svítí.

Potřebujete tuto téma používat ZURB Foundation v Drupalu?

Toto téma nepotřebujete k používání rámce nadace ZURB. Nejjednodušší je, že toto téma právě přidává na váš web ZURB Foundation CSS a Javascript a můžete to udělat ručně.

Toto téma to jednoduše usnadňuje a zahrnuje také další integraci s Drupal.

Navíc můžete přidat další další moduly pro další integraci. Modul ZURB Orbit vám například umožňuje sestavit slideshow Orbit s obrazovými poli. Modul ZURB Clearing vám umožňuje vytvářet citlivé lightboxy se snímky médií.

Poznámka: Tyto malé moduly jsem ještě nepoužíval sám, takže mohou být plné nebezpečí. Od tohoto psaní vyžaduje ZURB Clearing Media-2.x-dev, což by mohlo být nebezpečnou aktualizací, pokud právě používáte Media 1.x. A požadavek na vývojovou verzi modulu by měl vždy dát jednu pauzu. Přesto se tyto a další moduly ZURB stojí za to podívat.

Zvolte kterou verzi ZURB Foundation použijte

Před stažením tématu nadace ZURB zkontrolujte, kterou verzi byste měli použít. Existují různé hlavní verze rámce nadace ZURB a hlavní číslo verze tématu odpovídá rámci, ve kterém pracuje. Takže verze 7.x- 3 .x tématu pracují s nadací 3 , verzí 7.x- 4 .x pracují s nadací 4 a verze 7.x- 5 .x pracují s nadací 5 .

Od tohoto psaní je poslední stabilní verze tématu 7.x-4.x, která pracuje s nadací 4. Verze 7.x-5.x je stále ve vývoji. Takže, i když webová stránka rámce nadace předpokládá, že použijete nadaci 5, možná byste se chtěli držet nadace 4 nyní.

Nezapomeňte, že Foundation 5 má další požadavky, zejména jQuery 1.10. Nadace 4 potřebuje pouze jQuery 1.7+.

Uvědomte si, kterou verzi nadace používáte při čtení online dokumentace. To platí zejména, pokud nepoužíváte nejnovější verzi rámce. Je to těžko snadné se dostat do čtení dokumentů pro, řekněme, Nadace 5, pak být frustrovaní, když nová funkce nefunguje na vašem Foundation 4 webu.

Nadace 5 například obsahuje celou sadu středních tříd pro středně velké obrazovky. V nadaci 4 se tyto tajemně nezdaří, dokud neučiníte další kroky.

Použijte SASS, Compass a _variables.scss & # 34 ;!

Pokud se chystáte vylepšit CSS pro toto téma vůbec, ujistěte se, že:

• Použijte téma nadace ZURB Foundation jako základní téma pro vlastní vlastní podtitul
• Vytvořte tento podtéma pomocí příkazu drush poskytovaného motivem. Stejně jako: drush fst your_theme_name
• Prohlédněte si vynikající soubor _variables.scss

Soubor _variables.scss je automaticky vytvořen drush fst. Tento jediný soubor obsahuje proměnné téměř pro cokoli, co byste chtěli vyladit ve vašem tématu CSS. Je to úžasné! Vše na jednom místě můžete nastavit vše od výchozího písma na šířku obrazovky až po okraj na struně.

Samozřejmě můžete také nastavit další soubory. Ale _variables.scss je nádherné místo pro začátek.

Všimněte si příponu souboru: scss, ne css. Chcete-li používat službu _variables.scss, musíte nastavit jazyk SASS (jazyk rozšíření CSS) a Compass (rám vytvořený pomocí SASS). Když spustíte kompilaci kompasů, vaše soubory scss se změní na krásné CSS v samostatných souborech. (Dávám přednost hodinám kompasu - stále běží a aktualizuje CSS, jak vyladíte soubory scss.)

Pokud opravdu nechcete s SASSem obtěžovat, můžete psát soubory CSS jako obvykle a seznamte je v souboru .info tématu. Ale věřte mi - drobná časová investice, abyste se naučili natolik, že jste sestavili _variables.scss, budou vráceni téměř okamžitě.

Než použijete nadaci ZURB

Nadace ZURB je výborná, ale není to jediný front-end framework, který byl integrován do Drupalu. Možná budete chtít zvážit Bootstrap , podobný rámec, který má také téma Drupalu. Prozatím používám samotnou ZURB Foundation, ale to proto, že podle mého výzkumu bylo snadnější přizpůsobit se než Bootstrap.

Komponenta Joyride je také docela sladká.

A jestli používáte ZURB Foundation, Bootstrap nebo nějaký jiný rámec, ujistěte se, že máte tyto tipy o použití rámce s Drupal .