Hvernig á að skrifa sérsniðinn kóða í WordPress innleggin þín

Það eru margar ástæður fyrir því að þú vilt skrifa eða hafa viðbótarkóða í WordPress innleggin þín. Þú gætir þurft að sýna auglýsingu, beitt einstökum stílbrögðum á ákveðna hluta vefsíðu þinnar eða einfaldlega merkt einhvern texta eða efni til að vekja athygli. Þú gætir samt bætt við kóða til að ná fram ýmsum sjónrænum áhrifum til að bjóða upp á betri notendaupplifun.


Allt þetta og annað eru gildar ástæður, en sama hvað þú ert að leita að með sérsniðnum kóða, getur ferlið við að skrifa kóða verið taugapakkað eða beinlínis krefjandi! Í þessari kennslu munum við fjalla um eftirfarandi svæði:

  • Bætir við kóða sem lítur út eins og kóði en hegðar sér ekki eins og kóði (ef þú ert að leita að sýna línur með kóða eða bæta útlit vefsíðu þinnar)
  • Bæti kóða sem er ætlað að haga sér eins og kóða t.d. Skrifaðar auglýsingar eins og Google Adsense auglýsingar

Undir þessum tveimur flokkum munum við kafa aðeins í forritunarkóða eins og HTML, CSS, Javascript og snerta auglýsingar og fegurð

ílát. Nú, án frekari aðdáunar, skulum við koma til viðskipta og skrifa einhvern kóða.

Bæti kóða sem líkist kóða en hegðar sér ekki eins og kóða

Ef þú vilt sýna kóða (ef til vill þú ert vefhönnuður eða verktaki) sem notendur þínir geta afritað og límt er mikilvægt að gera það rétt vegna þess að jafnvel eitt lína brot getur klúðrað kóðanum, þess vegna allri vinnu þinni. Hvernig kóðinn þinn verður túlkaður af WordPress fer eftir því hvort þú notar HTML eða Visual Post ritstjóra. Að slá kóðann þinn beint inn í sjónræna ritilinn mun ekki hafa þau áhrif sem þú vilt búa til, þar sem sjónrænn ritstjóri telur kóðann sem venjulegan texta, sem þýðir að vafrar munu ekki túlka kóðann þinn sem „kóða“, heldur sem venjulegan texta.

Aftur á móti mun HTML Post Editor þekkja hvaða HTML eða CSS álagningu sem þú notar, sem þýðir að þeir verða túlkaðir af vafranum, hlutur sem gæti leitt til klúðraðs uppsetningar og angurværs efnis. Til dæmis, 

í sjónrænum ritstjóra verður túlkað sem venjulegur texti og útkoman verður réttlát
. Samt sem áður,
 í HTML ritlinum verður túlkað sem HTML merking og niðurstaðan verður stofnun gáms.

HTML æfing

Það er æfing í tilgangsleysi í raun, en þú getur prófað það til að fá skýrari mynd af því sem ég meina. Opnaðu bara þitt HTML ritstjóri, tegund

og vista það sem drög. Þegar drög þín eru vistuð skaltu smella á „Forskoða færslu“ til að sjá mangled vefsíða. Ekki hafa áhyggjur, það er ekki varanlegt og þú getur bara ruslað drögin. Nú aftur til viðskipta.

Almennt er hægt að nota kóða á tvo vegu. Í fyrsta lagi geturðu notað kóða innan línu (eða málsgreinar) til að skýra atriði um kóðann þinn. Í öðru lagi geturðu skrifað, auðkennt og sett kóðann þinn í reit eins og þennan:



Að skrifa kóða í kennslu WordPress Posts


...

Til að ná framangreindum áhrifum notum við kóðamerkið skrifað eins og … Kóðinn okkar fer hér inn . Skiptu um örvar (<  >) Með hornklofa ([]) eftir WordPress vefsvæðinu þínu og þeim ritstjóra sem þú notar (sjónræn eða HTML). Kóðinn sem þú vilt sýna verður að fara á milli opnunarmerkisins,   og lokunarmerkið, . Til dæmis til að nota kóða innan málsgreinar:

Kóði í málsgrein

Kóðamerkið lætur ekki HTML texta líta út eins og kóða, en það segir ekki vefskoðaranum að túlka HTML álagningu eða ræma hann af færslunni. Þetta þýðir að vafrinn getur samt umritað HTML merkið þitt sem gerir það erfitt að sýna HTML tags í kóðanum þínum. Hins vegar getur þú sigrast á þessu vandamáli með því að nota útbreidda stafi eða persónueiningar til að tákna < > stafir, sem mun blekkja alla vafra. Til dæmis…

Hægt er að túlka HTML tags sem HTML Markup

… Mun búa til nýjan gám (takk fyrir

) og fyrirsögn (

), sem klúðrar vefsíðunni þinni. En ef þú notar stafareiningar til að skipta um < > örvarnar, þú munt forðast þessa hegðun og framleiða kóðann þinn eins og þú vilt. Ofangreindur kóði mun því líta svona út:

Notaðu stafapersónur í staðinn

Búðu til auðkennda kóðann

Ef mig langar til að varpa ljósi á reit af kóða (eða jafnvel texta) til að fá eitthvað eins og;

Kóðablokk

Ég byrja á því að setja kóðann (eða textann) í ílát eins og svo:

Þú verður að gera þetta í HTML ritlinum

Svo bæti ég við stíl með CSS annað hvort beint (eins og á myndinni hér að ofan) eða í gegnum style.css skrá sem er að finna í aðal möppu þemans.

Stíll kóðamerkin þín

Kóðamerkið mun nota leturstærðina frá og settu textann sjálfgefið í leturgerð. Þú getur breytt öllu þó að kóðinn þinn líti alveg eins og þú vilt. Allt sem þú þarft að bæta við …

 kóða {leturstærð: 1,2em; litur: # 000; leturþyngd: venjulegt;} 

… Eða eitthvað svipað og þitt style.css. Það eru ótakmarkaðir stíll og allt veltur á persónulegum óskum þínum, svo ekki halda aftur af stílnum í burtu.

Bæti kóða sem líður eins og kóða

Þessi hluti er sérstaklega gagnlegur ef þú vilt birta auglýsingar eða önnur forskrift t.d. Javascript smárit innan færslna þinna. Þó að það séu til viðbótar, svo sem Quick Adsense, sem mun hjálpa þér að stjórna auglýsingum í færslunum þínum gætir þú haft áhuga á að setja upp sjálfstæða forskriftir sem þú hefur fulla stjórn á.

Ef auglýsingin þín er einföld mynd og hlekkur geturðu bætt auglýsingunni við færsluna þína í gegnum upphleðsluforritið. Hladdu bara upp myndinni og sláðu inn hlekkinn þinn (og kannski myndatexta) og vinnunni þinni er lokið. Þessi aðferð er takmörkuð þó þar sem þú getur aðeins samstillt auglýsinguna til vinstri, hægri eða miðju – rétt eins og dæmigerð mynd. Einnig er hægt að búa til ílát í færslunni þinni með HTML ritlinum.

Dæmi:


Búðu til þennan gáma nákvæmlega þar sem þú vilt auglýsinguna þína, sem þýðir að þú þarft að hafa færsluna tilbúna áður en þú bætir við auglýsingunni. Þegar ílátið er tilbúið geturðu stillt það eins og þú vilt. Þú getur fært það um með því að nota þinn style.css með því að nota stöðu eign. Ef þú vilt keyra a Google AdSense auglýsing innan færslna þinna geturðu samt notað Quick Adsense – viðbætið – eða búðu til ílát og settu auglýsingakóðann þinn svona:


Athugasemd 1: Auglýsingar frá Google eru byggðar á Javascript og geta verið túlkaðar af öllum helstu vöfrum að því tilskildu að notandinn hafi gert Javascript virkt á vélum sínum.

Athugasemd 2: Þú verður að velja réttar Ad víddir fyrir vefsíðuna þína til að forðast að klúðra póstum þínum sem og vefsíðu.

Ef þú vilt bæta við varanlegri auglýsingu sem mun birtast í öllum færslunum þínum (núverandi og framtíðar innlegg) án aukinnar vinnu þarftu að breyta Stakur póstur sniðmát (einn.php). Ég setti auglýsingu 468px með 60px efst á allar færslur mínar með því að bæta eftirfarandi kóða við single.php strax á eftir < – – END post-entry-meta – ->.


Auðvitað verður þú að nota þínar eigin Google auglýsingar �� Svona birtist Google Adsense auglýsingin á blogginu mínu:

Ritun kóða í WordPress

Að finna single.php, farðu til þín Stjórnkerfið – >> Útlit – >> Ritstjóri – >> single.php. Þegar single.php er opið skaltu nota leitarstikuna (Ctrl + F) að staðsetja < – – END post-entry-meta – ->.

Þú getur skilið ílátið eins og það er eða sniðið það með því að nota style.css eins og þér hentar. Og mundu að vista allar breytingar. The

ílát er virkilega gagnlegt, og þegar þú parar það við CSS og aura af sköpunargáfu geturðu náð svo miklu með WordPress síðuna þína. Það getur hjálpað þér að setja hvaða kóða sem er (eða eitthvað raunverulega) hvar sem er á vefsíðuna þína.

Verkfærakistan

Ef þú vilt læra meira um að skrifa sérsniðinn kóða í WordPress færslur þínar skaltu ekki hika við að skoða eftirfarandi úrræði:

Jæja, það er um það. Okkur hefur tekist að ná yfir svæðin sem við gerðum grein fyrir í upphafi. En ef þú skilur ekki neitt hugtak í þessari færslu, eða vilt bæta við uppástungur þínar eða skoðanir, vinsamlegast deildu hugsunum þínum í athugasemdahlutanum hér að neðan!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map