Kā viegli parādīt kodu savā WordPress vietnē

Vai vēlaties parādīt kodu savos WordPress emuāra ierakstos? Ja mēģinājāt pievienot kodu, piemēram, parasto tekstu, WordPress to pareizi nerādīs.


Katru reizi, kad saglabājat ziņu, WordPress palaiž jūsu saturu caur vairākiem tīrīšanas filtriem. Šie filtri ir paredzēti, lai pārliecinātos, ka kāds neievada kodu, izmantojot pasta redaktoru, lai uzlauztu jūsu vietni.

Šajā rakstā mēs parādīsim pareizos veidus, kā viegli parādīt kodu savā WordPress vietnē. Mēs parādīsim dažādas metodes, un jūs varat izvēlēties sev vispiemērotāko.

Kā viegli parādīt kodu WordPress ziņās

1. metode. Parādiet kodu, izmantojot WordPress noklusējuma redaktoru

Šī metode ir ieteicama iesācējiem un lietotājiem, kuriem kods nav jārāda ļoti bieži.

Vienkārši rediģējiet emuāra ziņu vai lapu, kurā vēlaties parādīt kodu. Ziņas rediģēšanas ekrānā savai ziņai pievienojiet jaunu koda bloku.

Pievienojiet koda bloku savām WordPress ziņām

Tagad bloka teksta apgabalā varat ievadīt koda fragmentu.

Pievienojiet kodu savai emuāra ziņai

Pēc tam jūs varat saglabāt savu emuāra ziņu un priekšskatīt to, lai redzētu, kā darbojas kodu bloks.

PHP kods tiek parādīts WordPress

Atkarībā no jūsu WordPress tēmas, koda bloks jūsu vietnē var izskatīties atšķirīgi.

2. metode. Attēlot kodu WordPress, izmantojot spraudni

Lai izmantotu šo metodi, mēs izmantosim WordPress spraudni, lai parādītu kodu jūsu emuāra ziņās. Šī metode ir ieteicama lietotājiem, kuri savos rakstos bieži parāda kodu.

Tas dod jums šādas priekšrocības salīdzinājumā ar noklusējuma koda bloku:

  • Tas ļauj jums viegli parādīt jebkuru kodu jebkurā programmēšanas valodā
  • Tas parāda kodu ar sintakse izceļot un rindu numurus
  • Jūsu lietotāji var viegli izpētīt kodu un to nokopēt

Pirmkārt, jums jāinstalē un jāaktivizē spraudnis SyntaxHighlighter Evolved. Lai iegūtu sīkāku informāciju, skatiet mūsu soli pa solim, kā instalēt WordPress spraudni.

Pēc aktivizēšanas varat rediģēt emuāra ziņu, kurā vēlaties parādīt kodu. Ziņas rediģēšanas ekrānā savai ziņai pievienojiet bloku “SyntaxHighlighter Code”.

SyntaxHighlighter koda bloks

Tagad ziņu redaktorā redzēsit jaunu koda bloku, kurā varēsit ievadīt savu kodu. Pēc koda pievienošanas labajā kolonnā jāizvēlas bloķēšanas iestatījumi.

SyntaxHighlighter koda bloķēšanas iestatījumi

Vispirms jāizvēlas sava koda valoda. Pēc tam jūs varat izslēgt līniju numurus, norādīt pirmās rindas numuru, izcelt jebkuru vajadzīgo līniju un izslēgt funkciju, lai saites varētu noklikšķināt.

Kad esat pabeidzis, saglabājiet savu ziņu un noklikšķiniet uz priekšskatījuma pogas, lai redzētu to darbībā.

Kods tiek parādīts ar sintakse izcelšanu

Spraudnim ir vairākas krāsu shēmas un motīvi. Lai mainītu krāsu motīvu, jums jāapmeklē Iestatījumi »SyntaxHighlighter lappuse.

SyntaxHighlighter iestatījumi

Iestatījumu lapā jūs varat izvēlēties krāsu motīvu un mainīt SyntaxHighlighter iestatījumus. Varat saglabāt iestatījumus, lai lapas apakšā redzētu koda bloka priekšskatījumu.

Kodu bloka priekšskatījums

Izmantojot SyntaxHighlighter ar klasisko redaktoru

Ja jūs joprojām izmantojat veco klasisko WordPress redaktoru, tad šeit ir aprakstīts, kā jūs varētu izmantot spraudni SyntaxHighlighter, lai pievienotu kodu WordPress emuāra ziņām..

Vienkārši aptiniet kodu kvadrātiekavās ar valodas nosaukumu. Piemēram, ja jūs plānojat pievienot PHP kodu, tad jūs to pievienosit šādi:

[php]
<?php
privāta funkcija get_time_tags () {
$ laiks = get_the_time (‘d M, Y’);
atgriezt $ laiku;
}
?>
[/ php]

Tāpat, ja vēlaties pievienot HTML kodu, jūs to apvīsit ap HTML saīsni šādi:

[html]
Saites paraugs
[/ html]

3. metode. WordPress koda parādīšana manuāli (nav spraudņa vai bloķēšanas)

Šī metode ir paredzēta pieredzējušiem lietotājiem, jo ​​tā prasa vairāk darba un ne vienmēr darbojas kā paredzēts.

Tas ir piemērots lietotājiem, kuri joprojām izmanto veco klasisko redaktoru un vēlas parādīt kodu, neizmantojot spraudni.

Pirmkārt, jums kods ir jāiziet caur tiešsaistes HTML entītiju kodētāja rīku. Tas mainīs jūsu koda marķējumu uz HTML entītijām, kas ļaus jums pievienot kodu un apiet WordPress tīrīšanas filtrus.

Tagad nokopējiet un ielīmējiet kodu teksta redaktorā, aptiniet to un tagus.

Kodu pievienošana manuāli klasiskajā redaktorā

Jūsu kods izskatīsies šādi:

Šī ir saites saite

Tagad varat saglabāt savu ziņu un priekšskatīt kodu darbībā. Jūsu pārlūkprogramma konvertēs HTML entītijas, un lietotāji varēs redzēt un kopēt pareizo kodu.

Kodu manuāla parādīšana WordPress

Mēs ceram, ka šis raksts palīdzēja jums uzzināt, kā viegli parādīt kodu savā WordPress vietnē. Iespējams, vēlēsities redzēt arī mūsu vispieprasītāko WordPress padomu, triku un haku sarakstu.

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