Krij de krêft fan it ZURB Foundation Framework yn in Drupal Tema
Foardat it Twitter Bootstrap wie , wie der (en is) ZURB Foundation, in kader dat jo moaie knoppen tafoegje, blockblêden, foargongersbalken, prize-tabellen en folle mear mei in pear goed plakken CSS-lessen. Mei it tema fan 'e ZURB Foundation foar Drupal kinne jo allegearre dizze bling op jo site fan Drupal ûntslute mei fataliteit.
Wat is it ZURB Foundation Framework?
It ZURB Foundation Framework is in kolleksje CSS en Javascript koade foar in bosk fan stoffen dat jo wierskynlik wolle op jo webside. Dit omfettet net allinich klikbare eachkontakten as de neamde knoppen, mar ek in pear echte ûnbidige responsive krêft.
Jo brûke de measte fan dizze funksjes troch it ynstellen fan spesjale CSS-lessen. Bygelyks:
Dit is in knop . En hjir is in It ZURB Foundation Framework is totaal apart fan Drupal. Minsken brûke it op WordPress, Joomla, en sels statyske HTML- siden. It tema Drural ZURB Foundation telt jo te meitsjen dat jo allinich dizze ZURBlike power kreëarje kinne troch in tema yn te laden en te jaan en it dokumintaasje te lêzen en fansels ek in pear ekstra stappen te nimmen. Bygelyks, de ZURB Foundation stipet de jQuery Javascript-biblioteek, sadat jo wierskynlik jQuery-fernijing ynstallearje moatte. Kontrolearje of jo gebrûk meitsje fan oare modules dy't op jQuery fertsjinje. As jo te folle nije ferzje fan jQuery brûke, kinne dizze modules stopje. Ek wolle jo it tema wolris brûke as basistema foar jo eigen maat teme. Oanpast is wêr't de ZURB Foundation echt lein. Jo hawwe dit tema net nedich om it ZURB Foundation-kader te brûken. Op it ienfâldichste is dit tema allinich de ZURB Foundation CSS en Javascript oan jo side, en jo kinne dat dwaan. Mar dit tema makket dat makliker, en it bestiet ek wat fierdere yntegraasje mei Drupal. Plus, jo kinne lytsere oanfoljende modules tafoegje foar fierdere yntegraasje. Bygelyks it ZURB-Orbit-module kinne jo in slachoaze Orbit mei byldfjilden opmeitsje. De module ZURB Clearing liedt jo reagearre ljochtskoppen oan te meitsjen mei Media-ôfbyldings. Taljochting: ik ha dizze tiny modules noch net sels brûkt, sadat se miskien wêze kinne mei peril. Hjirnei fereasket ZURB Clearing Media-2.x-dev, dy't in gefaarlike oplieding wêze kinne as jo op it stuit mediode 1.x brûke. En in ferplichting foar in ûntwikkelingsferzje fan in module moat altyd ien paus jaan. Noch, dizze en oare ZURB-modules binne wurdich yn te sykjen. Foardat jo it tema fan 'e ZURB-stjoerder ynlade, kontrolearje hokker ferzje jo moatte brûke. Der binne ferskillende grutte ferzjes fan it ZURB Foundation Framework, en it grutte ferzjenûmer foar it tema komt oerien mei it ramt dat it wurket. Sa kinne de 7.x- 3.x ferzjes fan it tema wurkje mei Foundation 3 , de 7.x- 4 .x ferzjes wurkje mei Foundation 4 , en de 7.x- 5 .x ferzjes wurkje mei Foundation 5 . Op dit stuit is de lêste stabile ferzje fan it tema 7.x-4.x, dy't wurket mei Stichting 4. De 7.x-5.x ferzje is noch yn ûntwikkeling. Dus, hoewol de website fan 'e Stichting Framework begjint te meitsjen dat jo de Stichting 5 brûke wolle, kinne jo graach wolle mei Foundation 4 foar no. Tink derom dat Stifting 5 ekstra easken hat, benammen jQuery 1.10. Stichting 4 moat allinich jQuery 1.7+. Wite bewust fan hokker ferzje fan Stichting jo brûke as jo de online dokumint lêze. Dit is benammen wier as jo de lêste ferzje fan it ramt net brûke. It is fatsoenlik maklik om te lêzen yn 'e docs foar, sizze, Stifting 5, dan krije frustrearre as in nije funksje net wurket op jo Stifting 4 site. Bygelyks, de Stifting 5 befettet in folslein ynset fan midsklassen foar middelgrutte skermen. Yn 'e stifting 4 sil dizze misrjucht miskien wêze as jo ekstra stappen nimme. As jo de CSS te keap meitsje foar dit tema, sille jo der wis fan wêze dat jo: De triem's _variables.scss is automatysk makke troch fust fst. Dizze ienige triem befettet fariabelen foar hast alles wat jo winskje wolle yn jo tema CSS. It is bjusterbaarlik! Alle op ien plak, kinne jo alles útstelle fan it standertlettertafel nei de skermbreedte nei de grins op 'e breedcrumbs. Fansels kinne jo altyd ekstra bestannen opsetten. Mar _variables.scss is in prachtich plak om te begjinnen. Notysje de triemûntbrekking: scss, net css. Om gebrûk fan _variables.scss te meitsjen, moatte jo SASS opsetten (in CSS-útwreiding taal) en Compass (in framework mei SASS boud). As jo kompas kompilearje, sille jo scss-bestannen yn learende CSS yn separate triemmen wikselje. (Ik hâld fan kompass-watch - dit hâldt en aktivearret de CSS as jo de scss-bestannen oanpasse.) As jo wier, wolle jo net mei SASS stypje, kinne jo CSS-bestannen as gewoan skriuwe en har yn jo tema's ynstelle. Mar fertrouwe my - de lytse ynset fan tiid om genôch te lezen om kompilaasje _variables.scss wurde sawat foardielich betelle. ZURB Stichting is it meast geweldich, mar it is net it iennige front-end framework dat yntegrearre is mei Drupal. Jo kinne wolle dat Bootstrap beskôgje, in ferlykber kader dat ek in Drupal tema hat. Foar my brûke ik de ZURB Foundation sels, mar dat is om't myn ûndersyk oanjûn dat it makliker te passen wie as Bootstrap. Ek it Joyride-komponint is aardich sûkel. En as jo de ZURB Foundation, Bootstrap, of in oar oare ramt brûke, moatte jo derfoar soargje dat dizze tips oer it brûken fan in ramt mei Drupal krije . Wat is de ZURB Foundation Drupal Tema?
Wolle jo dit tema nedich om ZURB Foundation yn Drupal te brûken?
Kies Hokker ferzje fan ZURB Foundation brûke
Brûk SASS, Compass, en & # 34; _variables.scss & # 34 ;!
Foardat jo de Stichting ZURB brûke