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:
Tady je .
A tady 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?
Nadace Drupal ZURB téma vám umožní uvolnit všechny tyto ZURBish síly stahováním a povolením tématu (samozřejmě si přečtete dokumentaci a několik 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?
Nemáte potřeba toto téma používat rámec 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 aktuálně 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
7.x-3.X verze tematické práce s nadací 3,
7.x-4.X verze pracují s nadací 4, a
7.x-5.X Verze 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í třídy 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"!
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
- Generujte tento podtéma pomocí
drush příkazu daného tématu. Takhle:
jménem fst your_theme_name
- Nechte se skvěle prozkoumat
_variables.scss soubor
The
_variables.scss soubor je vytvořen automaticky
drush fst. Tento jediný soubor obsahuje proměnné téměř cokoliv můžete chtít vyladit ve svém 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 skvělým místem k zahájení.
Všimněte si příponu souboru:
skss, ne
css. Použít
_variables.scss, budete muset nastavit jazyk SASS (jazyk rozšíření CSS) a kompas (rám vytvořený pomocí SASS). Když spustíte
kompas kompilovat, vaše
skss soubory se změní na krásné CSS v samostatných souborech. (Preferuji
hodinky kompasu - to běží a aktualizuje CSS, jak si vyladit
skss soubory.)
Pokud se opravdu nechcete s SASSem obtěžovat, můžete psát soubory CSS jako obvykle a seznam je v tématu
.info soubor. Ale věřte mi - drobné časové investice, abyste se dostali dostatečně na to, abyste mohli sestavit
_variables.scss budou vráceny 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.
