Mitadiava ny tanjaky ny rafitry ny Foundation ZURB amin'ny sehatra Drupal
Talohan'ny nanesorana ny Twitter Bootstrap dia nisy (ZURB Foundation), ary ny rafitra izay mamela anao hanisy bokotra tsara tarehy, tranokely fisakafoanana, basy fandrosoana, tabilao fialan-tsasatra ary ny maro hafa miaraka amin'ny kilasy CSS tsara vitsivitsy. Amin'ny tetikasa ZURB Foundation ho an'i Drupal, azonao atao ny mamoaka izany rehetra izany eo amin'ny toerana misy anao Drupal miaraka amin'ny fandeferana mahafaty.
Inona ny firafitry ny Foundation ZURB?
Ny rafitry ny ZURB Foundation dia andiany iray amin'ny CSS sy Javascript Code ho an'ny ampahany zavatra izay mety tianao amin'ny tranokalanao. Tafiditra ao anatin'izany ny tsy fisiana siramamy kely fotsiny tahaka ireo bokotra voalaza etsy ambony, fa koa misy mahagaga mahavariana.
Mampiasa ny ankamaroan'ireo endri-javatra ireo ianao amin'ny fampidirana kilasy manokana CSS. Ohatra:
Ny rafitra fototra ZURB Foundation dia misaraka tanteraka amin'ny Drupal. Ny olona dia mampiasa izany amin'ny WordPress, Joomla, ary eny anivon'ireo tranonkala HTML .
Inona ny ZURB Foundation Theme Drupal?
Ny lohahevitry ny Drupal ZURB Foundation dia mamela anao hamoaka io hery ZURBish io amin'ny alàlan'ny famoahana sy famelabelarana lohahevitra iray (ary mamaky ny antontan-taratasy sy manao dingana vitsivitsy fanampiny, mazava ho azy).
Ohatra, ny Fondation ZURB dia miankina amin'ny tranokalan'ny Javascript jQuery, noho izany dia mety tsy maintsy mametraka ny jQuery Update ianao. Hamarino raha mampiasa modules hafa miankina amin'ny jQuery ianao. Raha mampiasa version jQuery loatra ianao, dia mety mijanona ny modules.
Ankoatra izany, mety ho tianao ny hampiasa ity lohahevitra ity ho lohahevitra fototra ho an'ny loha-hevitra manokana anao. Ny fampiroboroboana dia ny toerana izay tena mamirapiratra ny ZURB Foundation.
Mila an'ity lohahevitra ity ve ianao hampiasana ny ZURB Foundation amin'ny Drupal?
Tsy mila an'io lohahevitra io ianao raha mampiasa ny rafitry ny ZURB Foundation. Amin'ny tena tsotra indrindra, ity lohahevitra ity dia manampy ny ZURB Foundation CSS sy Javascript amin'ny tranokalanao, ary azonao atao izany amin'ny tanana.
Fa ity lohahevitra ity dia mahatonga izany mora kokoa, ary misy ihany koa ny fifandraisana hafa amin'ny Drupal.
Plus, azonao atao ny manampy ampahany kely kokoa amin'ny fitaovana fanampiny mba hampidirana bebe kokoa. Ohatra, ny modely ZURB Orbit dia mamela ny sariohatra Orbit miaraka amin'ny saha sary. Ny modely fanesorana ZURB dia mamela anao hamorona sary ho an'ny maso miaraka amin'ny sary Media.
Fanamarihana: Mbola tsy nampiasa an'ireny modely kely ireny aho, ka mety ho sahiran-tsaina izy ireo. Amin'io fanoratana io, ny ZURB Clearing dia mitaky ny Media-2.x-dev, izay mety ho fampivoarana mampidi-doza raha mampiasa ny Media 1.x ianao. Ary ny fepetra iray momba ny dikan-teny fampandrosoana iray dia tokony hanomeza-kevitra foana. Na izany aza, mendrika ny mijery ireo modely ZURB sy ireo hafa.
Fidio izay dikan'ny ZURB Foundation
Alohan'ny hamoahanao ny foto-kevitra momba ny ZURB Foundation, jereo izay version tokony ampiasainao. Misy dikan-teny marobe amin'ny rafitry ny ZURB Foundation, ary ny isa lehibe indrindra ho an'ny lohahevitra dia mifandraika amin'ny rafitra miara-miasa aminy. Noho izany, ny andrana 7.x- 3 .x ny lohahevitra dia miara-miasa amin'ny Foundation 3 , ny andrana 7.x- 4 .x miasa amin'ny Foundation 4 , ary ny andrana 7.x- 5 .x miasa amin'ny Foundation 5 .
Ankoatr'ity fanoratana ity, ny dikan-teny maoderina farany amin'ny lohahevitra dia 7.x-4.x, izay miasa miaraka amin'ny Foundation 4. Ny sehatra 7.x-5.x dia mbola eo amin'ny fampandrosoana. Noho izany, na dia ny tranokalan'ny Fondation Foundation aza dia mihevitra fa hampiasa ny Foundation 5 ianao, mety te-hifikitra amin'ny Foundation 4 amin'izao fotoana izao.
Mariho ihany koa fa ny fepetra 5 dia manana fepetra fanampiny, indrindra ny jQuery 1.10. Fondation 4 ihany no mila jQuery 1.7+.
Fantaro ny dikan'ny fototra ampiasainao rehefa mamaky ny antontan-kevitra an-tserasera ianao. Marina indrindra izany raha tsy mampiasa ny dikan-teny farany amin'ny rafitra ianao. Tsotra mora ny mametaka amin'ny famakiana ireo tahirin-kevitra, hoy ny Foundation 5, avy eo dia kivy rehefa misy ny sehatra vaovao tsy miasa ao amin'ny tranokalan'ny Foundation 4.
Ohatra, ny Fondation 5 dia misy karazana kilasy antonony ho an'ny efijery maoderina. Ao amin'ny Foundation 4, dia ho tratrany tampoka izany raha tsy manao dingana fanampiny ianao.
Ampiasao ny SASS, Compass, ary & # 34; _variables.scss & # 34 ;!
Raha toa ianao ka handefa ny CSS ho an'ity lohahevitra ity mihitsy, dia ataovy izay hahazoana antoka fa:
- Ampiasao ny lohahevitra fototra momba ny ZURB ho toy ny lohahevitra fototra ho anao manokana
- Amboary ity sub-theme ity amin'ny fampiasana ny baikom-panoherana omen'ny loha-hevitra. Tahaka izao: manaova fst your_theme_name
- Miala tsiny amim-pitandremana ny rakitra _variables.scss tsara
Ny rakitra _variables.scss dia noforonina avy amin'ny fst fst. Ity rakitra tokana ity dia misy safidy ho an'ny zavatra izay mety tianao hampitaina amin'ny loha-hevitra CSS. Mahagaga! Any amin'ny toerana iray, azonao atao ny mametraka ny zava-drehetra ao amin'ny fonosan-tsipelina mankany amin'ny efitry ny efijery mankany amin'ny sisiny eo amin'ny mofo.
Mazava ho azy, afaka manangana tahiry fanampiny foana ianao. Fa _variables.scss dia toerana tsara hanombohana.
Jereo ny fanitarana ny rakitra: scss, fa tsy css. Raha hampiasa _variables.scss ianao, dia mila manangana SASS (fiteny extension CSS) sy Compass (rafitra iray natsangana tamin'ny SASS). Rehefa mihazakazaka ny compass, ny rakitra scss dia hiverina ho CSS mahafinaritra amin'ny rakitra misaraka. (Aleoko mandeha amin'ny compass - ity dia mihazakazaka sy manavao ny CSS rehefa misintona ny rakitra scss ianao.)
Raha tena marina, tsy te-hanorisory amin'ny SASS ianao dia afaka manoratra ny rakitra CSS araka ny mahazatra ary mametraka azy ireo ao amin'ny loha-hevitra ny .info. Fa matokia ahy - ny fampiasam-bola madinidinika kely hianarana ampy ampy mba hanangonana ny _variables.scss dia haverina haingana avy hatrany.
Alohan'ny hampiasana ny ZURB Foundation
Ny ZURB Foundation dia tena tsara indrindra, saingy tsy ny hany laharam-pahamehana farany no nampidirina miaraka amin'i Drupal. Azonao atao ny mihevitra ny Bootstrap , sehatra mitovy amin'izany izay manana lohahevitra Drupal. Amin'izao, mampiasa ny ZURB Foundation aho, fa noho ny fikarohana nataoko dia nilaza fa mora kokoa ny nampiavaka azy noho ny Bootstrap.
Ary koa, ny singa Joyride dia mahafinaritra be.
Ary raha mampiasa ny ZURB Foundation, Bootstrap, na rafitra hafa ianao, dia ataovy izay hahazoanao toro-hevitra amin'ny fampiasana rindrambaiko miaraka amin'i Drupal .