Kynning á líffærafræði á WordPress þema

  1. 1. WordPress námskeið: Hvernig á að búa til WordPress þema úr HTML (1. hluti)
  2. 2. WordPress námskeið: Hvernig á að búa til WordPress þema úr HTML (hluti 2)
  3. 3. Lestur sem stendur: Kynning á líffærafræði á WordPress þema

Fyrir nokkru kynntum við fyrir þér hugmyndina um að búa til WordPress þema úr HTML. Við skiptum kennsluefninu í tvo hluta og í dag erum við öll að leggja áherslu á námskeiðin tvö, svo ekki hika við að líta á þessa færslu sem þriðju þjónustuna í póstaseríunni. Markmið mitt er að taka WordPress þemið í sundur til að gefa þér skýra mynd af því hvernig það (þemað) virkar.


Þessi færsla gerir ráð fyrir að þú hafir þekkingu á HTML og CSS. Ég mun halda áfram að lýsa því yfir að það að hafa HTML og CSS færni er forsenda þess að hanna WordPress þemu. Einn hlutur í viðbót, þessi færsla verður skilin við stór orð og erfið hugtök – það verður auðvelt að skilja það, svo vertu tilbúinn að skemmta þér og læra.

Smá HTML grunnur

Sérhver HTML vefsíða er skipt í mismunandi hluta með því að nota

merki. Til dæmis geturðu brotið líkamann () vefsíðunnar þinna í nokkra hluta svo sem flakk, haus, aðalefni, skenkur og fótfót meðal annars.

Þegar þú hefur vefsíðuna þína á köflum geturðu pantað (eða raðað) hlutunum eins og þú vilt nota CSS. Þetta ferli er þekkt sem stíl og það felur í sér að bæta við öðrum stílþáttum eins og lit, stærð, landamærum, tæknibrellum o.s.frv. Slíkt er kraftur CSS, sem – við the vegur – er stutt í Cascading Style Sheets. Þegar þú setur HTMl og CSS skrárnar þínar saman og hendir nokkrum myndum, endarðu með heilli vefsíðu.

Hlutirnir eru ekki mjög ólíkir með WordPress þemu. Eins og við sáum í hluta 1 af Hvernig á að búa til WordPress þema úr HTML er WordPress þemum skipt upp í mismunandi skrár. Ef þú getur ekki komið auga á nokkra líkt á þessum tímapunkti, leyfðu mér að útskýra.

Stöðum HTML vefsíðum er skipt upp í deildir (það sem við kölluðum hluta áður) með því að nota

merki (eða töflur ef þú ert virkilega gamall skóli). Aftur á móti er WordPress þemum skipt upp í mismunandi php skrár sem síðan eru settar saman aftur með sniðmátamerkjum.

Þess vegna, í stað þess að hafa alla meginþætti (haus, aðal innihald, skenkur, fót o.s.frv.) Sem búa í einni skrá (eins og er með truflanir HTML), býr hver og einn af meginþáttunum (í WordPress þemum) í aðskildum skrám.

Svo mun hausinn lifa í haus.php, hliðarstikan mun finna heima í hliðarstiku.php, aðalinnihaldið mun lifa í vísitölu.php, eða single.php (ef það er innlegg) eða page.php (ef það er síða ). Footer hlutinn mun lifa í footer.php og svo framvegis.

Fylgist þú með? Skoðaðu myndina hér að neðan:

html-wordpress = uppbygging

Úr líkingu okkar hér að ofan, , og kallast sniðmátamerkingar. Þeirra vinna er að ná haus.php, sidebar.php og footer.php í þeirri röð úr þemu skránni þinni, og birta innihaldið í index.php og ljúka þannig vefsíðu.

Ekki láta .php eftirnafn hræða þig, innihaldið í php skrám er bara HTML kóða sem þú þekkir. Til dæmis getur haus þinn.php innihaldið dæmigerða flakk á HTML listum. Á sama hátt er hægt að setja dæmigerðan HTML kóða í fót.php, sidebar.php og index.php.

Þú getur líka sett loop.php virka í index.php (eða hvar sem þér líkar) til að birta bloggfærslur þínar, en ég ætti að hægja á mér og komast aftur að líffærafræði WordPress þema. Ég hef nefnt hlut eða tvo um lykkjuna í hluta 2 um hvernig eigi að búa til WordPress þema úr HTML. og við munum tala um það (lykkjuna) og aðrar aðgerðir í framtíðinni.

Halda áfram…

Grunn WordPress þema samanstendur af að minnsta kosti fjórum sniðmátaskrám, þ.e.

  1. index.php
  2. haus.php
  3. skenkur.php
  4. fót.php

Við skulum sjá hvað fer í hvert þessara töfrandi skrár:

Index.php sniðmátaskrá

Þetta er aðalskráin sem þú ert ekki með starfandi WordPress þema fyrir. Þetta er fyrsta (eða sjálfgefna) skráin sem hleðst inn þegar þú heimsækir WordPress vefsíðu. Lítum á það sem samsvarandi index.html.

Dæmigerð index.php í WordPress þemum mun líta svona út:





Þú getur bætt lykkjuna á milli og til að birta bloggfærslur á heimasíðunni (index.php) eins og sýnt er hér að neðan:




Header.php sniðmát skrá

Þetta sniðmát skrár inniheldur haus kóða, flakk og HTML höfuð kóða. Í grundvallaratriðum geymir header.php allt sem þú vilt sýna efst á vefsíðunni þinni. Þú veist, hlutir eins og titill vefsíðu þinnar og svoleiðis.

Þú tengir líka við CSS stílblað þitt í hausinn.php. Hér er grunndæmi um header.php:





<?php wp_title( '|', true, 'right' ); ?>







Þetta er haus hluti. Settu lógóið þitt og aðrar upplýsingar hér.

Sidebar.php sniðmátaskrá

Sidebar.php inniheldur allt sem þú þarft til að birtast á hliðarstikunni. Sidebbar inniheldur viðbótarvalmyndir, búnaður, flokka, tákn fyrir samfélagsmiðla, sérsniðið efni, HTML kóða eins og auglýsingar osfrv..

Sidebar.php getur innihaldið hreina HTML merkingu eða php aðgerðakalla eftir því hvaða þarfir eru. Sem slíkt, grunn hliðarstiku.php gæti litið út:

Footer.php sniðmát skrá

Hvað finnst þér fara í fót.php? Þú getur sett höfundarréttarupplýsingar þínar hér, viðbótarvalmyndir, tengla, tákn á samfélagsmiðlum – allt sem þú vilt! Myndir þú vilja sjá hvernig grunnfót.php lítur út? Hér:

Settu fótfótinn þinn innihald php aðgerð (til að ná í mismunandi sniðmátaskrár, t.d. search.php) ef þörf krefur.

Taktu eftir og loka merkjum í fót.php? Geturðu giskað á hvers vegna þau verða að vera með í fót.php? Geturðu á sama hátt giskað á hvers vegna og opnunarmerki eru í hausnum.php? Láttu okkur vita ágiskanir þínar í athugasemdahlutanum í lok þessarar færslu ��

Fjórar sniðmátaskrár sem við fórum yfir hér að ofan mynda mjög grunn WordPress þema. Það eru til margar aðrar sniðmátaskrár; það er sniðmátaskrá fyrir alla þætti sem þú sérð um WordPress þema hvort sem það eru athugasemdir, leitarniðurstöður og 404 villusíður bara til að nefna nokkrar.

Til að skilja að fullu líffærafræði WordPress þema þarftu að kynna þér mismunandi sniðmátaskrár. Þú getur flett öllum nothæfar sniðmátsflísar hjá WordPress.

Svo erum við með sniðmátamerki, sem WordPress notar til að ná sniðmátaskrám úr þemaskránni. Þú getur lært meira um sniðmátamerki og hlutverkið sem þeir gegna hjá WordPress.

Yfirlit

WordPress þema samanstendur af eftirfarandi líffæraþáttum:

  • Sniðmát skrár eins og index.php, header.php, search.php, Category.php osfrv
  • Sniðmát tags eins og , o.s.frv
  • CSS
  • Myndir og aðrar skrár
  • JavaScript skrár

Og hér er líking sem dregur saman líffærafræði WordPress þema:

Ertu að leita að áframhaldandi námi? Skoðaðu ítarlega þema líffærafræði í WordPress Codex.

Niðurstaða

Sérhver WordPress þema sem þú sérð á vefnum notar sömu líffærafræði (jafnvel vinsæla Total WordPress þema okkar) sem þú getur sérsniðið til að mæta þörfum þínum. Þegar þú vefur höfuðinu um grunnatriði þroska WordPress þema eru engin takmörk fyrir því hvað þú getur gert með / til WordPress þemu.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector