Síðan upphaflega var hleypt af stokkunum árið 2003 hefur WordPress þróast úr einföldu bloggverkfæri í öflugan og vinsælan vefsíðugerðarmann og alhliða CMS (vefumsjónarkerfi) sem er notað af um 38% vefsíðanna á vefnum! Með hliðsjón af vinsældum sínum, ef síða þín þarf að skera sig úr hópnum, þarftu að búa til WordPress þema sem er einstakt fyrir síðuna þína.
Í raun og veru er ekki að furða að WordPress hafi náð að gera það hingað til og verða svo vinsælt.
Magn sveigjanleika sem það hefur og þeir eiginleikar sem það hýsir leyfa víðtæka notkun þess á mismunandi gerðum vefsíðna. Að auki er WordPress nokkuð auðvelt í notkun með litla sem enga fyrri reynslu af kóðun eða þróun alls staðar á vefnum.
Þetta eru ástæðurnar að baki velgengni sögu WordPress og eru einmitt ástæður næstum því 40 prósent af öllum vefsíðum á veraldarvefnum er knúið af þessum hugbúnaði.
WordPress hefur fjölda handhægra eiginleika sem gera vefþróun og forritun less flókið og aðgengilegra fyrir alla.
Kynning á WordPress þemuþróun
Annar vinsæll eiginleiki sem gerir WordPress svo vinsæl er þemu þess. Þemað er einfaldlega safn stílblaða og sniðmát sem skilgreina hvernig WP-knúin síða mun líta út og sýna.
Hugbúnaðurinn veitir notandanum fjölbreytt úrval af mismunandi klippimöguleikum þegar kemur að þemum frá WP admin svæðinu.
Hundruð WordPress þema eru alveg ókeypis eða með mörgum öðrum á sanngjörnu verði upp á nokkra tugi dollara.
Reyndar hýsir WordPress.org risastóran gagnagrunn þema í Þemaskránni sinni.
Aðrar vefsíður eins og Themeforest bjóða einnig upp á mikið af úrvalsþemum frá mismunandi forriturum.
Hvert þessara þema er með mismunandi útlit, hönnunarmynstur og eiginleika.
Það er notandans að finna einn sem hentar þörfum vefsíðu hans best. Í flestum tilvikum eru þemu gerð með tilteknar atvinnugreinar eða starfsgreinar í huga, sem þýðir að til dæmis veitingahúsaeigendur geta auðveldlega fundið þemu með bókunaraðgerðum.
Þó að það séu fullt af æðislegum þemum sem gætu hentað þínum þörfum, þá er óhætt að segja að ef þú vilt gera eitthvað framúrskarandi þarftu nokkurn veginn að gera það sjálfur. Ef þú getur ekki forritað, gott val möguleiki væri að fara í sjálfstæðan hugbúnaðargerð (verð getur verið mismunandi eftir ýmsum þáttum).
Í þessari grein munum við hins vegar fara yfir ÖLL skref sem nauðsynleg eru til að búa til þitt eigið sérsniðna WordPress þema fyrir WP-knúna vefsíðu þína. Við munum skoða alla mikilvæga þætti til að tryggja að þú fáir það besta sem WordPress hefur upp á að bjóða.
Að byrja með að búa til þitt eigið þema sem byrjandi gæti við fyrstu sýn virst eins og risastórt verkefni.
Hins vegar er ekki of flókið að búa til sérsniðið þema frá grunni í WP. Þú þarft ekki að vera vefþróun, ef þú hefur grunnatriðin í kóðun með PHP geturðu auðveldlega lært hvernig á að búa til WordPress þema.
Þar að auki getur það verið mjög gefandi að búa til þitt eigið þema, sérstaklega þegar þú sérð lokaniðurstöðuna í beinni á vefsíðunni þinni.
Búðu til fyrsta sérsniðna WordPress þemað þitt
Til að byrja með að búa til WordPress þema þarftu nokkra grundvallaratriði:
- WordPress vefsíða
- Góð hýsingaráætlun
- Smá fyrri reynsla af hlutum eins og staðbundnu sviðsetningarumhverfi
- Grunnskilningur á CSS og PHP kóðunarmálum
- Forréttarþema
Skilningur á WordPress sniðmátastigveldinu
Í WordPress eru sniðmátaskrár (byggingareiningar þemans þíns) mátlegar og endurnýtanlegar.
Sniðmát skrár eru ábyrgir fyrir því að búa til síður á WP vefnum þínum. Sumar þessara skrár eru notaðar á næstum öllum síðunum þínum en aðrar eru aðeins notaðar við sérstakar aðstæður.
Líttu á skýringarmyndina hér að neðan – það útskýrir hvernig stigakerfi WordPress sniðmátanna er háttað.
Sniðmátaskrár munu ákvarða heildarútlit efnisins á vefsíðunni. Ef þú vilt búa til haus notarðu a header.php skrá, eða ef þú vilt bæta við athugasemdarkafla, notarðu comments.php skrá.
Til að skilja stigveldi sniðmáta ættir þú að vita að WordPress notar eitthvað sem kallast „fyrirspurnarstrengur“ til að ákveða hvaða sniðmát eða sniðmátasett á að nota til að búa til og birta ákveðna síðu.
Fyrirspurnarstrengurinn er upplýsingar sem eru geymdar í krækjunni á hverjum hluta vefsíðunnar sem þú ert að reyna að breyta. Í einfaldari skilmálum greinir WordPress upplýsingarnar og framkvæmir leit í gegnum stigveldi sniðmátanna til að finna sniðmátaskrá sem passar við upplýsingarnar í fyrirspurnarstrengnum.
Þetta er í grundvallaratriðum kerfi þar sem WP leitar að samsvarandi sniðmátaskrám í hvert skipti sem síðum er hlaðið.
Til dæmis, ef þú slærð inn eftirfarandi slóð http://example.com/post/this-post, WordPress mun finna nauðsynlegar sniðmátaskrár í eftirfarandi röð:
- Skrár sem passa við snigilinn, í þessu tilfelli, þetta-innlegg.
- Skrár sem passa við auðkenni færslunnar.
- Almenn einskráning eins og single.php.
- Skjalasafn, í þessu tilfelli, archive.php.
- The index.php skrá.
Síðasta skráin (index.php) er krafist í hverju þema, þar sem það er sjálfgefið (eða galli) ef engar aðrar skrár finnast í samsvörunarferlinu. Underscores (WP forréttarþema) eru með algengustu skrárnar. Þessar skrár sem eru í þessu þema virka strax út úr kassanum.
Þú getur breytt þeim ef þér langar til að gera tilraunir eða þarft að búa til einhverja sérsniðna virkni á vefsvæðinu þínu.
Hvað er WordPress byrjendaþema?
Forréttarþema er bein grundvöllur sérsniðins WordPress þema.
Þú getur notað það sem grunn til að koma þínu eigin einstaka þema í gang. Með byrjendaþema geturðu smíðað þitt eigið sérsniðna WordPress þema án þess að þurfa að hanna eða kóða heilt þema frá grunni.
Starfsþemu WordPress innihalda allar skrárnar eins og þær eru skilgreindar samkvæmt ofangreindu stigveldi.
Með því að nota forréttarþema gerir þú þér kleift að skilja betur hvernig WordPress virkar vegna þess að það sýnir þér grunnatriði, uppbyggingu þema og hvernig mismunandi hlutar vinna saman.
Sérsniðið WordPress þema er hægt að beita á fjölda mismunandi vefsíðugerða frá kynningum og möppum til netverslana byggt með WooCommerce, samfélagsmiðla eða hvað annað sem þú gætir þurft á vefsíðunni þinni að halda.
Ef þú velur byrjunarþemu (svo sem UnderStrap, Underscores og Bones) mun það hjálpa til við að búa til WordPress þema sem opnar dyrnar að nota ýmsa mismunandi valkosti.
Notkun undirstrikana gæti verið besti kosturinn fyrir byrjendur þar sem það býður upp á mikilvægustu eiginleikana. Það kemur líka frá löngum tíma og áreiðanlegum verktaki. Þetta þýðir að það er líklegra að það sé samhæft, öruggt og áreiðanlegt og mun hafa betri stuðning til lengri tíma litið.
Af hverju ættir þú að nota byrjunarþema
Eins og fram kemur hér að ofan er forréttarþema grunnur, teikning sem hjálpar þér að koma með einstaka vefsíðu. Það virkar þegar að fullu en skortir samt lykilatriðin sem gera notendavæna vefsíðu.
Í meginatriðum þarf það enn að vera stíll og rétt stilltur.
Að því sögðu eru forréttarþemu tilvalin fyrir þá sem hafa litla sem enga reynslu af WordPress eða vefþróun almennt. Það er frábær leið til að kynnast efni þemagerðar og læra grunnatriði WP-knúinna vefsíðna.
WordPress byrjendaþema sparar þér tíma og þarf litla sem enga bakgrunnsþekkingu í kóðun og afganginn af WordPress flækjum.
Þú getur nýtt margra ára mikla vinnu verktaki byrjendaþemans og notað þessar leiðbeiningar til að fá betri skilning á því hvernig WordPress og þemahönnun virka.
Vinsæl dæmi um byrjendaþema
- Underscores – Áreiðanlegt og frægt forréttarþema sem gefur byrjendum byr í þemuþróun. Undirstrik er frekar einfalt og fullkomið til að byrja strax ef þú hefur öll nauðsynleg tæki. Þemað er frábært til að skilja hugtökin þemaþróun. Undirstrikar snúast um að hefja nýtt verkefni sem ætti frekar að líta á sem verkfærasett sem er í stöðugri þróun og less eins og ramma.
- Roots – Þetta forréttarþema veitir þér nálgun sem miðar meira að verktaki þar sem álagningin er byggð á HTML5 ketilplötunni. Það styður einnig fullkomnari verkfæri eins og Ræsi og Grunt. Rótarstjarnan þema inniheldur einnig þema umbúðir sem hjálpa þér að halda ferlinu straumlínulagað og útilokar að hringja í sömu sniðmát hlutana ítrekað.
Rætur nota einnig CSS forvinnsluvélar og styðja LESS, afturábak samhæfð tungumálalenging fyrir CSS, sem getur flýtt verulega fyrir þróun þema þíns.
Að því sögðu gefur Roots raunsærri nálgun og þarf aðeins meiri þekkingu frá verktaki.
6 grunnskref til að þróa WordPress þema þitt
Eftir að hafa farið yfir grunnatriðin ertu loksins tilbúinn til að byrja með að búa til WordPress þema.
Þar sem þessi grein miðar meira að byrjendum munum við nota forréttarþema, en þér er einnig frjálst að búa til allt frá grunni án nokkurra byrjendaþemu.
Ef það er leiðin sem þú vilt fara, ekki gleyma að þú þarft miklu meiri tíma og þarft að sökkva þér aðeins dýpra í kóðun, og þróun vefsins almennt.
1. Setja upp þróunarumhverfið
Fyrsta skref þitt í ferlinu ætti að vera að skapa þróunarumhverfi.
Þetta er í grundvallaratriðum netþjónn sem þú þarft að setja upp á tölvunni þinni til að stjórna og þróa staðbundnar WP síður. Þróunarumhverfi gerir þér kleift að þróa vefsíðu þína á öruggan hátt, auk þess að gefa þér marga möguleika til að búa til nærumhverfi.
Notkun DesktopServer er ein af kjörnum leiðum sem þú getur farið. Það er auðveld leið til að fá staðbundna og hraðvirka útgáfu af WP sem er samhæft við bæði Windows og Mac. Veldu ókeypis útgáfuna, skráðu þig og halaðu henni niður og settu síðan hugbúnaðinn upp.
Þegar þú hefur sett upp skaltu opna forritið og stilla umhverfið þitt.
Það er frekar einfalt ferli og þú munt vera tilbúinn eftir nokkrar mínútur. Eftir uppsetningu muntu hafa vefsíðu og þróunarumhverfi sem bæði mun virka og líta út eins og hvaða lifandi WP vefsíða sem er.
2. Sæktu og settu upp ræsiþema
Einföldustu byrjunarþemu (eins og undirstrikanir) er auðvelt fyrir byrjendur að byrja með.
Andstætt flestum grunnþemum, undirstrikar gerir kleift að sérsníða valkosti með því Ítarkostir (eins og höfundur og lýsing) eftir að hafa nefnt þemað þitt.
Þú getur líka bætt við Syntactically Awesome StyleSheets eða SASS sem er forvinnslu CSS tungumál sem gerir þér kleift að kynna eiginleika eins og hreiður, stærðfræðiaðgerðir, nýtingu breytna o.s.frv.
Eftir að þú hefur valið þarftu aðeins að smella á Búa til til að hlaða niður .zip skránni með byrjendaþemunni.
Nú skaltu setja upp skrána á staðnum. Ef þú hefur gert allt rétt, þá geturðu nú séð bein, grunnútgáfu af sérsniðna WordPress þema þínu.
Skilningur á meginreglum WordPress
Nú þegar grunnatriðin eru sett upp geturðu farið að vinna. Hins vegar, áður en þú kafar í aðlögunarferlið, þarftu að kynna þér meginreglur og íhluti þess að búa til WordPress þema með meginreglum WP.
Fyrst af öllu verður þú að læra um sniðmátaskrár, helstu byggingareiningar hvers þema í WP.
Sniðmátaskrár ákvarða í grundvallaratriðum hvernig útlit þitt og innihald birtist á vefsvæðinu þínu. Ef þú vilt búa til haus þarftu að nota header.php skrá, meðan comments.php væri notað til að birta einhverjar athugasemdir.
Eins og fjallað var um hér að ofan notar WP sniðmátstigveldi sitt til að ákvarða hvaða sniðmátaskrá það mun velja til að framkvæma það efni sem notandi er að biðja um / þarfnast. Þú getur unnið með þessar skrár eins og þær eru, en í ljósi þess að þú ert hér til að búa til WordPress þema verður meginhluti verksins að laga þessar skrár að þínum þörfum.
Þegar við erum að tala um meginreglur WP ættirðu einnig að skilja hugmyndina á bakvið The Loop.
Það er kóðinn sem WP notar fyrst og fremst til að birta efnið þitt og það er að finna í öllu efni sem sýnir sniðmátskrár, eins og index.php or skenkur.php. Það er nokkuð flókið viðfangsefni en sem betur fer fylgir það með byrjendastefinu (ef þú notar undirstrikanir) sem þýðir að ferlið þitt ætti að vera einfaldara.
Þú verður að skilja hugmyndina og vinna með það. Skoðaðu nokkur dæmi í krækjunni hér að ofan til að skilja betur hvernig lykkjan er notuð og hvernig þú getur sérsniðið kóðann að þínum þörfum.
3. Búðu til þemaupplýsingar
Þemu eru ekki eingöngu snyrtivöruþættir.
Það er fullt af mismunandi eiginleikum sem þú getur bætt við síðuna þína sem getur bætt virkni. Við ætlum að ræða hvernig á að útfæra nokkra grunnþætti til að krydda vefsíðuna þína.
Bæti krókar getur gert þér kleift að keyra mismunandi PHP aðgerðir, birta aðrar upplýsingar eða setja inn stílgögn eftir þörfum.
Krókar eru kóðabútar sem eru settir í sniðmátaskrár. Flestir þeirra eru beint útfærðir sem hluti af kjarna WordPress, en sumir krókar eru ansi gagnlegir þegar einnig er að sérsníða þemu.
Hér er listi yfir algengustu krókana og hlutverk þeirra:
- wp_head () – er bætt við frumefni í haus.php. Það gerir forskriftir, stíla og aðrar upplýsingar sem keyra þegar vefurinn byrjar að hlaðast.
- wp_footer () – venjulega bætt við footer.php fyrir tag, oftast notað til að setja inn kóða fyrir Google Analytics eða annan kóða sem þarf að birtast á hverri síðu en er of þungur til að hlaða í hausinn.
- wp_meta () – Almennt að finna á sidebar.php og það er oftast notað til að fela í sér viðbótarforrit (til dæmis merkjaský).
- athugasemdarform () – Bætt við comments.php beint áður en skránni er lokað tag til að sýna athugasemdir.
Þegar þú notar Underscores verða þessir krókar þegar með þemað, en það er alltaf góð hugmynd að læra meira um þá og sjá alla krókana sem til eru. Krókar leyfa þér að auka möguleika sérsniðna þemans.
4. Að bæta við stílum með CSS
Cascading Style Sheets eða CSS skilgreinir útlit efnisins á síðunni sem þú ert að búa til.
Með því að nota style.css skrá, sem þegar er innifalin í þema þínu, getur þú breytt einhverjum af þeim stílum sem finnast hér og vistað þá til að sjá hvernig það breytir hönnun þinni. Sjálfgefið er að það innihaldi aðeins grunnhönnunina.
CSS er notað til að gera kynningu og aðgreiningu efnisins á vefsíðunni kleift, allt frá útliti til leturgerða og efnis. CSS getur hjálpað til við að gera efnið á síðunni þinni aðgengilegra og sveigjanlegra.
Að fara í dýpt um hvernig á að nota stíl með WordPress þemum getur orðið ansi loðið og er utan gildissviðs þessarar greinar. Ef þú ert ekki of viss um þetta gætirðu viljað lesa meira um CSS áður en þú heldur áfram.
5. Að meðtöldum JavaScript
Að bæta JavaScript skrám við þemað þitt ef nauðsyn krefur getur aukið gagnvirka eiginleika og getu og haft betri virkni á síðunni. Það kemur sérlega vel þegar þú vilt fella viðbætur frá þriðja aðila inn á vefsíðurnar þínar, eins og tiltekna mynd- eða hljóðspilara, dót eins og renna, stuðning við sprettiglugga og önnur 3. bókasöfn til að búa til háþróaða virkni.
Til að nota Javascript við sérsniðnu síðuna þína geturðu hringt með setningafræði hér að neðan til að bæta handritsskránni við þemað.
Einnig er hægt að nota handritið beint í þinn header.php sniðmátaskrá milli metatákna og stílblaðstengils, eins og þú myndir gera ef um HTML síðu er að ræða. Þegar það er notað í hausskránni ætti það að líta svona út:
Ef þú vilt nota JS skaltu bæta beint við símtalið fyrir skrárnar eins og hér að neðan. Ef þú vilt setja „sendu þetta til vinar“ lögun geturðu sett það undir titilinn á færslunni. Þetta myndi líkjast þessu:
” rel=”bookmark”>