Paano Sumulat ng Custom Code Sa Iyong Mga Post sa WordPress

Maraming mga kadahilanan kung bakit nais mong isulat o isama ang karagdagang code sa iyong mga post sa WordPress. Maaaring kailanganin mong magpakita ng anunsyo, mag-apply ng natatanging estilo sa ilang mga seksyon ng iyong website, o sadyang markahan lamang ang ilang teksto o nilalaman upang maakit ang pansin. Gayunpaman, maaari kang magdagdag ng code upang makamit ang iba’t ibang mga visual effects upang mag-alok ng mas mahusay na karanasan ng gumagamit.


Ang lahat ng ito at iba pa ay may wastong mga dahilan, ngunit kahit na ano ang iyong hinahanap upang makamit gamit ang pasadyang code, ang proseso ng pagsulat ng code ay maaaring maging wracking ng nerve o talagang mapaghamong! Sa tutorial na ito, takpan namin ang mga sumusunod na lugar:

  • Ang pagdaragdag ng code na mukhang code ngunit hindi kumikilos tulad ng code (sakaling titingnan mong ipakita ang mga linya ng code o pagbutihin ang hitsura ng iyong website)
  • Pagdaragdag ng code na inilaan upang kumilos tulad ng code e.g. Ang mga naka-script na ad tulad ng Google Adsense Ads

Sa ilalim ng dalawang mga kategorya na ito, kami ay maghanap ng kaunti sa programming code tulad ng HTML, CSS, Javascript at hawakan ang mga adverts at ang kagandahan ng

lalagyan Ngayon, nang walang karagdagang pakikipagsapalaran, tayo ay bumaba sa negosyo at sumulat ng ilang code.

Pagdaragdag ng Code na Mukhang Code Ngunit Hindi Na Nagagawang Tulad ng Code

Kung nais mong ipakita ang code (marahil ikaw ay isang taga-disenyo ng web o developer) na maaaring kopyahin at i-paste ng iyong mga gumagamit, mahalagang gawin ito nang tama sapagkat kahit isang solong linya ng break ay maaaring guluhin ang code, kaya lahat ng iyong trabaho. Ang paraan ng iyong code ay bibigyan ng kahulugan ng WordPress ay depende sa kung gumagamit ka ng HTML o Visual Post editor. Ang pagpasok ng iyong code nang diretso sa visual editor ay hindi magkakaroon ng epekto na nais mong likhain, dahil isinasaalang-alang ng visual editor ang code na maging normal na teksto, nangangahulugang hindi isasalin ng mga browser ng web ang iyong code bilang “code”, ngunit bilang ordinaryong teksto.

Sa kabilang banda, makikilala ng HTML Post Editor ang anumang HTML o CSS markup na ginagamit mo, nangangahulugang bibigyan sila ng kahulugan ng web browser, isang bagay na maaaring magresulta sa mga gulo ng mga layout at nakakatuwang naghahanap ng nilalaman. Halimbawa, 

sa visual editor ay bibigyan ng kahulugan bilang ordinaryong teksto at ang magiging resulta ay makatarungan
. Gayunpaman,
 sa HTML editor ay isasalin bilang HTML markup at ang magiging resulta ay ang paglikha ng isang lalagyan.

Isang Ehersisyo sa HTML

Ito ay isang ehersisyo sa kawalang kabuluhan, ngunit maaari mong subukan ito para sa isang mas malinaw na larawan ng kung ano ang ibig kong sabihin. Buksan mo lang ang iyong HTML editor, uri

at i-save ito bilang isang draft. Kapag nai-save ang iyong draft, i-click ang “Preview Post” upang makita ang iyong may laman na website. Huwag kang mag-alala, hindi ito permanente at maaari mo lamang basurahan ang draft. Ngayon bumalik sa negosyo.

Sa pangkalahatan, maaari mong gamitin ang code sa dalawang paraan. Una, maaari mong gamitin ang code sa loob ng isang linya (o talata) upang linawin ang isang punto tungkol sa iyong code. Pangalawa, maaari kang sumulat, i-highlight at ilagay ang iyong code sa isang bloke tulad nito:



Pagsusulat ng Code sa Mga Tutorial sa Mga Post sa WordPress


...

Upang makamit ang epekto sa itaas, ginagamit namin ang code na nakasulat tulad ... pumapasok ang aming code dito . Kapalit ng mga arrow (<  >) Kasama ang mga square bracket ([]) depende sa iyong WordPress site at ang post editor na iyong ginagamit (visual o HTML). Ang code na nais mong ipakita ay dapat pumunta sa pagitan ng pagbubukas ng tag,   at ang pagsasara ng tag, . Halimbawa, upang gumamit ng code sa loob ng isang talata:

Code sa Isang Talata

Ginagawa ng code ng tag na hindi tulad ng teksto ang teksto, ngunit hindi nito sinabi sa web browser na bigyang kahulugan ang markup ng HTML o hubarin ito mula sa post. Nangangahulugan ito na maaari pa ring mai-encode ng isang browser ang iyong HTML markup na nagpapahirap sa pagpapakita Mga tag ng HTML sa iyong code. Gayunpaman, maaari mong pagtagumpayan ang problemang ito sa pamamagitan ng paggamit ng pinalawak na character o mga entity ng character upang kumatawan sa < > character, na lokohin ang bawat browser. Halimbawa…

Ang mga tag ng HTML ay maaaring bigyang kahulugan bilang HTML Markup

… lilikha ng isang bagong lalagyan (salamat sa

) at isang heading (

), na magugulo sa iyong web page. Ngunit kung gumagamit ka ng mga entity ng character upang mapalitan ang < > arrow, maiiwasan mo ang pag-uugali na ito at i-output ang iyong code ayon sa nais. Kaya, ganito ang hitsura ng code sa itaas:

Gumamit ng Mga Charity Entities sa halip

Lumikha ng isang naka-highlight na Bloke ng Code

Kung nais kong i-highlight ang isang bloke ng code (o kahit na teksto) upang makakuha ng tulad;

Code block

Nagsisimula ako sa pamamagitan ng paglalagay ng code (o teksto) sa isang lalagyan na tulad nito:

Kailangan mong gawin ito sa editor ng HTML

Pagkatapos magdagdag ako ng estilo gamit ang CSS alinman nang direkta (tulad ng sa imahe sa itaas) o sa pamamagitan ng style.css file na natagpuan sa pangunahing folder ng iyong tema.

Estilo ng Iyong Mga Tags sa Code

Gagamitin ng tag ng code ang laki ng font mula sa at ilagay ang teksto sa isang monospaced font bilang default. Maaari mong baguhin ang lahat na kahit na ang iyong code ay naghahanap lamang sa gusto mo. Ang kailangan mo lang ay idagdag …

 laki ng code {font-size: 1.2em; kulay: # 000; bigat ng font: normal;} 

… o isang bagay na katulad sa iyong style.css. Walang limitasyong mga istilo at ang lahat ay nakasalalay sa iyong personal na kagustuhan, kaya huwag magpigil.

Pagdaragdag ng Code na Mga Behaves Tulad ng Code

Lalong kapaki-pakinabang ang seksyong ito kung nais mong magpakita ng mga adverts o iba pang mga script e.g. Mga snippet ng Javascript sa loob ng iyong mga post. Habang may mga plugins, tulad ng Mabilis na Adsense, makakatulong ito sa iyo na pamahalaan ang mga adverts sa iyong mga post, maaaring interesado ka sa pag-install ng mga standalone script na mayroon kang kumpletong kontrol sa.

Kung ang iyong advert ay isang simpleng imahe at isang link, maaari mong idagdag ang ad sa iyong post sa pamamagitan ng pag-upload ng utility. Mag-upload lamang ng imahe at ipasok ang iyong link (at marahil isang caption) at tapos na ang iyong trabaho. Ang pamamaraang ito ay limitado kahit na maaari mo lamang ihanay ang iyong advert sa kaliwa, sa kanan, o sa gitna – tulad ng isang tipikal na imahe. Bilang kahalili, maaari kang lumikha ng isang lalagyan sa loob ng iyong post gamit ang HTML editor.

Halimbawa:


Lumikha ng lalagyan nang eksakto kung saan nais mo ang iyong patalastas, nangangahulugang kailangan mong ihanda ang post bago mo idagdag ang ad. Kapag handa na ang lalagyan, maaari mo itong istilo subalit nais mo. Maaari mong ilipat ito sa paligid gamit ang iyong style.css sa pamamagitan ng paggamit ng posisyon pag-aari. Kung nais mong magpatakbo ng isang Google ad Adsense sa loob ng iyong mga post, maaari mo pa ring gamitin Mabilis na Adsense – ang plugin – o lumikha ng isang lalagyan at ilagay ang iyong ad code tulad nito:


Tandaan 1: Ang Google adverts ay batay sa Javascript, at maaaring bigyang kahulugan ng lahat ng mga pangunahing web browser na ibinigay ng gumagamit na pinagana ang Javascript sa kanilang mga makina.

Tandaan 2: Kailangan mong pumili ng tamang mga sukat ng Ad para sa iyong website upang maiwasan ang pag-gulo sa iyong mga post pati na rin ang website.

Kung nais mong magdagdag ng isang permanenteng ad na lilitaw sa lahat ng iyong mga post (kasalukuyan at hinaharap na mga post) nang walang labis na trabaho, kakailanganin mong i-edit ang Template ng Single Post (solong.php). Naglagay ako ng 468px ng 60px na advert sa tuktok ng lahat ng aking mga post sa pamamagitan ng pagdaragdag ng sumusunod na code sa solong.php kaagad pagkatapos < – – END post-entry-meta – ->.


Siyempre, kailangan mong gumamit ng iyong sariling Google Ads �� Ito ay kung paano lumilitaw ang ad ng Google Adsense sa aking blog:

Pagsusulat Code sa WordPress

Hanapin solong.php, pumunta sa iyong Panel ng Pamamahala – >> Hitsura – >> Editor – >> solong.php. Kapag nakabukas ang single.php, gamitin ang search bar (Ctrl + F) upang hanapin < – – END post-entry-meta – ->.

Maaari mong iwanan ang lalagyan bilang ay o istilo ito gamit ang style.css kung sa tingin mo ay akma. At tandaan upang i-save ang lahat ng mga pagbabago. Ang

Ang lalagyan ay talagang kapaki-pakinabang, at kapag pinakasalan mo ito ng CSS at isang onsa ng pagkamalikhain, maaari mong makamit ang labis sa iyong WordPress site. Makakatulong ito sa iyo na maglagay ng anumang code (o anumang talagang) saanman sa iyong website.

Ang Toolbox

Kung nais mong malaman ang higit pa tungkol sa pagsulat ng pasadyang code sa iyong mga post sa WordPress, huwag mag-atubiling suriin ang mga sumusunod na mapagkukunan:

Kaya, tungkol dito. Nagawa naming sakupin ang mga lugar na aming naipalabas sa simula. Ngunit kung hindi mo naiintindihan ang anumang konsepto sa post na ito, o nais mong idagdag ang iyong mga mungkahi o pananaw, mangyaring ibahagi ang iyong mga saloobin sa seksyon ng komento sa ibaba!

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