Ukusebenzisa iZURB Foundation Theme for Drupal

Fumana amandla eSiseko seSiseko seSURB kwiSihloko seDrupal

Ngaphambi kokuba kubekho i- Twitter Bootstrap , bekukho (kwaye kunjalo) iSiseko se-ZURB, isakhelo esikuvumela ukuba ungeze amaqhosha amahle, i-block grids, imivalo yeenkqubela phambili, iitafile zamanani kunye nokunye okuninzi ngeeklasi ezincinane ezibekwe kwiCSS. Ngomxholo weZURB weSiseko seDrupal, unako ukukrazula konke okubhaliweyo kwisayithi lakho le-Dropal ngokukhululeka.

Yintoni i-ZURB Foundation Framework?

Umgaqo-siseko weZURB uqoqo lweCSS kunye neJavascript ikhowudi yeqela lezinto ozifunayo kwiwebhusayithi yakho. Oku akubandakanyi nje kuphela i-candy eye efana neefowuni ezikhankanywe ngasentla kodwa kunye namandla anesiganeko esabelayo ngokwenene.

Usebenzisa ezininzi zeempawu ngokufaka iiklasi ezikhethekileyo zeCSS. Njengokuba:

Nantsi iqhosha le- >

Nantsi i iqhosha elincinci .

Umgaqo-siseko weZURB usuhluke ngokupheleleyo kwiDrupal. Abantu bayisebenzisa kwi-WordPress, Joomla, kunye nakwiindawo ze- static HTML .

Yintoni i-ZURB Foundation Drupal Theme?

Umxholo weDrupal ZURB Foundation uvumela ukuba ukhulule lonke le ZURB amandla ngamandla ngokukhuphela nokunika umxholo (kunye nokufunda amaxwebhu kunye nokuthatha amanyathelo ambalwa, ngokuqinisekileyo).

Ngokomzekelo, isiseko se-ZURB sithembele kwi-jQuery yibrari yeJavascript, ngoko kuya kufuneka ukuba ufake i-JQuery Update. Khangela ukuba usebenzisa nawaphi na iimodyuli ezithembele kwi-jQuery. Ukuba usebenzisa entsha yenguqu ye-jQuery, ezi modyuli zingayeka ukusebenza.

Kwakhona, mhlawumbi ufuna ukusebenzisa le mxholo njengomxholo wesiseko somxholo wakho wesiko. Ukwenziwa ngokwezifiso apho iZiseko zeZURB zikhanya ngokwenene.

Ngaba Uyafuna Le Mxholo Ukusebenzisa Isiseko seZURB kwiDrupal?

Awudingi lo mxholo ukusebenzisa isiCwangciso seSiseko seZURB. Ngeyona nto elula, le ngongoma ifaka nje i-ZURB Foundation CSS neJavascript kwisiza sakho, kwaye unokwenza oko ngesandla.

Kodwa le ngqungquthela yenza kube lula, kwaye ibandakanya ukuhlanganiswa okunye kunye neDrupal.

Ngaphezu koko, unokongeza iimodyuli ezincinci ezongezelelweyo zokudibanisa. Ngokomzekelo, i-module ye-Orbit ye-ZURB ikuvumela ukuba wakhe i-Orbit slideshow kunye nemifanekiso yomfanekiso. Imodyuli yokucoca i-ZURB ikuvumela ukuba wenze iibhokisi zokukhanya eziphendulayo kunye neMifanekiso yeMedia.

Qaphela: andizange ndizisebenzise ezi modyuli ezincinci mna, ngoko ke zinokungena kwiingozi. Njengoko lo mbhalo, ukucoca kwe-ZURB kudinga iMedia-2.x-dev, enokuba yinto yokuphucula ingozi ukuba usebenzisa okwangoku iMedia 1.x. Kwaye imfuno yenguqu yophuhliso yomxube kufuneka ihlale ikhefu. Sekunjalo, ezi modyuli kunye nezinye iimodyuli zeZURB zifanelekile zijonge.

Khetha Yiphi i-Version yeSiseko se-ZURB ekuSebenziseni

Ngaphambi kokukhuphela umxholo we-ZURB Foundation, khangela ukuba yiyiphi inguqulo ofuna ukuyisebenzisa. Kukho iinguqulelo ezahlukeneyo zesikhokelo seZURB, kunye nenombolo enkulu yenguqu yomxholo ihambelana nesakhelo esisebenza nayo. Ngoko, iinguqu ezingu-7.x- 3 .x zemixholo yomsebenzi kunye neSiseko 3 , iinguqu ezingu-7.x- 4 .x zisebenza kunye neSiseko 4 , kwaye iinguqu ezingu-7.x- 5 .x zisebenza neSiseko 5 .

Njengoko lo mbhalo, inguqulelo enje ngokutsha yomxholo ngu-7.x-4.x, esebenza kunye neSiseko 4. Iinguqulo ye-7.x-5.x isaphuhliso. Ngoko ke, nangona i-website yesiseko seSiseko sinokuthi usebenzise iSiseko 5, unokufuna ukunamathela neSiseko 4 ngoku.

Kwakhona qaphela ukuba iSiseko 5 sinemfuneko emiselweyo, ngakumbi i-jQuery 1.10. Isiseko 4 sidinga kuphela i-jQuery 1.7+.

Qaphela ukuba yiyiphi inguqu yeSiseko oyisebenzisayo xa ufunda amaxwebhu e-intanethi. Oku kuyinyani ngokukodwa xa ungasebenzisi inguqu yakutsha yesakhelo. Kulula kakhulu ukukhawuleza ekufundeni i-docs, uthi, iSiseko sesi-5, uze udideke xa umxholo omtsha ungasebenzi kwiziko lakho leSiseko 4.

Ngokomzekelo, iSiseko 5 siquka isethi yonke yamacandelo aphakathi kwizikrini eziphakathi. KwiSiseko 4, oku kuya kuphumelela ngokumangalisayo ngaphandle kokuba uthathe amanyathelo angaphezulu.

Sebenzisa i-SASS, i-Compass, kunye ne-# 34; _variables.scss & # 34;

Ukuba uya kukhwela i-CSS kulo mxholo nonke, qiniseka ukuba:

• Sebenzisa umxholo we-ZURB Foundation njengesihloko esisiseko kwisigxina sakho sesiko
• Ukuvelisa le ngqungquthela usebenzisa umyalelo wokudlalwa komdlalo owenziwe ngumxholo. Ngolu hlobo: udlala fst yakho_iyo-igama
• Ikhefu lisebenzise iifayile eziphambili ze-_variables.scss

Ifayili _variables.scss idalwe ngokuzenzekelayo nge-drush fst. Le fayili enye iqulethe iinguqu malunga nantoni na ongayifuna ukuyifaka kwihloko yakho CSS. Iyamangalisa! Konke kwindawo enye, unokubeka yonke into esuka kwipayipi engapheliyo kwibubanzi besikrini ukuya kumda kwi-breadcrumbs.

Kakade, unako ukusetha iifayile ezongezelelweyo ngokunjalo. Kodwa _variables.scss yindawo eqaqambileyo ukuqala.

Phawula ukongezwa kwefayile: scss, hhayi css. Ukusebenzisa _variables.scss, kuya kufuneka ulungise iSASS (ulwimi olongezelelweyo lweelwimi) kunye neCompass (isakhelo esakhiwe ne-SASS). Xa uqhuba ikhampasi iqulunqa, iifayile zakho ze-scss ziya kuba yiCSS enhle kwiifayile ezihlukeneyo. (Ndikhetha i-compass watch - le nto iqhubeka isebenza kwaye ihlaziya i-CSS njengoko ubeka iifayile ze-scss.)

Ukuba ngokwenene, ungazifuni ukukhathazeka ne-SASS, ungabhala iiFayile zeCSS njengesiqhelo uze uzihluze kwifayile yefayili yakho. Kodwa themba mna - ixesha elincinci lokutshala imali ukufunda ngokwaneleyo ukuqokelela _variables.scss liya kuhlawulwa phantse ngokukhawuleza.

Ngaphambi kokuba Usebenzise iSiseko seZURB

Isiseko se-ZURB sinobuhle kakhulu, kodwa asiyiyo kuphela yesikhokelo sokugqibela esilungelelaniswe neDrupal. Unokufuna ukuqwalasela i- Bootstrap , isakhelo esifanayo esinomxholo weDrupal. Okwangoku, ndisebenzisa iZiseko se-ZURB ngokwam, kodwa kungenxa yokuba uphando lwam lubonise ukuba kulula ukwenza ngokwezifiso kuneBootstrap.

Kwakhona, i-Joyride icandelo lihle kakhulu.

Kwaye nokuba usebenzisa iZURB Foundation, iBootstrap, okanye esinye isikhokelo, qi niseka ukuba ufumane ezi ngcebiso ngokusebenzisa isakhelo kunye neDrupal .