Benotzt de ZURB Foundation Theme fir Drupal

Gitt d'Muecht vum ZURB Foundation Framework an engem Drupal Thema

Éischtens war et Twitter Bootstrap , et war (a) ZURB Foundation, e Kader, deen Dir ganz knapp Knäppchen, Blockblieder, Fortschrëtter, Prieschafte a vill méi mat e puer gutt platzéiert CSS Klassen addieren. Mat der ZURB Stëftung Thema fir Drupal kann Dir all dës Bling op Ärem Drupal Site mat Fatal Ofsécherung entloossen.

Wat ass de ZURB Foundation Framework?

De ZURB Foundation Framework ass eng Sammlung vu CSS an Javascript Code fir e puer Saachen, déi Dir wahrscheinlech op Ärer Websäit wëllt. Dëst schreift net nëmmen klickbare Aen of, wéi déi sougenannten Buttons awer och e puer iwwerrascht Kraaft.

Dir benotzt de gréissten Deel vun dëse Besoinen duerch eng speziell CSS Klassen. Zum Beispill:

Hei ass eng Knäppchen .

An hei ass e klengen Knopper .

De ZURB Foundation Framework ass komplett vun Drupal getrennt. Leit benotzt dat op WordPress, Joomla, an esouguer statesch HTML Siten.

Wat ass d'ZURB Foundation Drupal Thema?

De Drupal ZURB Foundation- Theme kënnt Dir all dës ZOURBÉIT MÉIGLECH entschëllegen, andeems Dir en Thema erofgelueden hutt (an d'Dokumentatioun liest a vill e puer Extra Schrëtt).

Zum Beispill, d'ZURB Foundation baséiert op der jQuery Javascript-Bibliothéik, sou datt Dir wahrscheinlech jQuery Update installéiere wäert. Kuckt ob Dir aner Modul benotzt, déi op jQuery iwwerhuelen. Wann Dir zevill nei Versioun vun jQuery benotzt, kënnen dës Modul'en net ophalen.

Och wëlle Dir dëst Thema als Basisassociatioun fir Är eegent Thema bréngen. Customization ass wou ZURB Foundation wierklech richteg schéngt.

Braucht Dir dës Thema fir ZURB Foundation an Drupal ze benotzen?

Dir braucht dëst Thema net fir de ZURB Foundation Framework ze benotzen. Am einfachsten ass dëst Thema just d'ZURB Foundation CSS an Javascript fir Är Säit ze addéieren an Dir kéint dat manuell maachen.

Mä dëst Thema maacht dat méi einfach, an et gehéiert och eng weider Integratioun mat Drupal.

Plus, Dir kënnt méi kleng Moduler fir weider Integratioun maachen. Zum Beispill, den ZURB-Orbit-Modul léisst Dir en Orbit-Diashow mat Bildfelder bauen. De ZURB Clearing -Module léisst Dir reaktive Lightboxen mat Medienbilder erstellen.

Bemierkung: Ech hunn dës kleng Module awer net benotzt, fir datt se geféierlech sinn mat Gefaangenen. Aus dësem Schreiwe brauch ZURB Clearing Media-2.x-dev, wat kéint e geféierlech Upgrade sinn, wann Dir de Moment 1. Media benotzt. A e Fuerderung fir eng Entféierung vun engem Modul soll ëmmer eng Paus maachen. An och dës ZURB-Module sinn an d'Luucht gaangen.

Wielt déi Versioun vun der ZURB Foundation benotzt

Ier Dir den ZURB Foundation Theme downloaden, iwwerpréiwen déi Versioun déi Dir benotzt. Et gi verschidde Versioune vun der ZURB Foundation Framework, an déi grouss Versiounsnummer fir de Thema entsprécht dem Framework deen et fonktionnéiert. Also déi 7.x- 3 .x Versioune vun der Thema schaffen mat der Fondatioun 3 , d'7.x- 4 .x Versioune schaffen mat der Foundation 4 , an d'7.x- 5 .x Versioune schaffen mat der Fondatioun 5 .

Vun dësem Schreiwe sinn déi lescht Stabiliséierter Versioun vum Thema 7.x-4.x, déi mat der Foundation 4. fonctionnéiert. D'7.x-5.x Versioun ass ëmmer an der Entwécklung. Also, obwuel d'Fondation Framework Websäit ass ugeholl datt Dir d'Fondation 5 benotze wëllt, kéint Dir mat der Fondatioun 4 fir elo festleeën.

Bedenkt och datt d'Fondatioun 5 extra Exkursiounen huet, besonnesch jQuery 1.10. Foundation 4 brauch nëmme jQuery 1,7 +.

Wësst Dir wéi eng Versioun vun der Foundation Dir benotzt wann Dir d'Internet Dokumentatioun liest. Dëst ass speziell richteg, wann Dir déi lescht Versioun vum Framework net benotzt. Et ass éiwecht ganz einfach fir d'Dokumenter ze liesen fir, "Stëftung 5" ze liesen, da frustréiert wann eng nei Fonctioun net op Ärer Fondatioun 4 Site geschafft gëtt.

Zum Beispill, d'Stëftung 5 beinhalt eng ganz Rei vu Mëttelklassen fir mëttelgrousse Screens. An der Fondatioun 4 ginn dës geheimnisvoll Versoen, ausser Dir maacht extra Schrëtt.

Benotz SASS, Compass an & # 34; _variables.scss & # 34;

Wann Dir d'CSS fir dësen Thema iwwerhaapt gefeet, stellen Iech sécher:

• Benotzt den ZURB Foundation Thema als Basis Theméierung fir Ären eegene Klouschter
• Generéiere dësen Ënnerthema mat dem Drouse- Kommando aus dem Thema. Wéi drun: drush fst your_theme_name
• Leisurely passen d'excellent _variables.scss Datei

D'_variables.scss Datei gëtt automatesch vu drush fst erstellt. Dës eenzeg Datei enthält Variablen fir bal alles wat Dir wëllt an Äert Thema CSS wënschen. Et ass erstaunlech! All op enger Plaz, kënnt Dir alles vun der Default font op d'Éischt Breet un d'Grenz op de Panéier setzen.

Natierlech kënnt Dir och ëmmer Fichier'en opsetzen. Mee _variables.scss ass en herrleche Plaz fir ze starten.

Notize de Fichiererweiterung: scss, net css. Fir _Variables.scss benotzen, musst Dir SASS (eng CSS extension language) an Compass (e Frame mat SASS gebaut) erstallt hunn. Wann Dir Compass kompiléiert ass, ginn Är Scss Dateien an e schéinen CSS an separate Dateien ëmgewandelt. (Ech léiwer d'Kompass-Iwwerwaachung - dat hält den CSS fort a aktualiséiere wéi Dir d'Scssdateien benotzt.)

Wann Dir wierklech sidd, wierklech net mat SASS stierwen, kënnt Dir CSS Dateien esou üblech schreiwen an d'Lëscht an d'Thema .info Datei leschen. Mee vertraut mir - déi kleng Investitioun fir ze léieren, fir _variables.scss ze kompiléieren, gi bal direkt direkt bezuelt.

Dir musst d'ZURB Foundation benotzen

D'ZURB Foundation ass déi excellent Ausstellung, awer et ass net deen eenzegen Front-End-Framework deen integréiert mat Drupal. Dir wëllt d' Bootstrap kucken , e ähnleche Kader, deen och e Drupal Thema huet. Vun elo un benotze ech d'ZURB Fondatioun selwer, awer dat ass, well méng Fuerschung kloer weist datt et besser wéi Bootsstrap ze personaliséieren.

Och d'Joyride Komponente ass zimlech séiss.

A wann Dir Är ZURB Foundation, Bootstrap oder e puer aneren Kaderen benotze wëllt, seet Iech sécher, dës Tipps iwwer de Framework mam Drupal ze kréien .