Cum să afișezi cod în postările WordPress

Una dintre cele mai comune probleme cu care se confruntă noii utilizatori WordPress este afișarea codului în postări. Problema apare atunci când un utilizator încearcă să partajeze un fragment de cod în postările sale. În mod implicit, WordPress filtrează codul și devine imposibil de citit. În acest articol, voi arăta cum să afișați codul în postările WordPress.

Utilizarea entităților HTML pentru a afișa codul în postările WordPress

Entitățile HTML sunt coduri speciale care sunt analizate de browsere pentru a afișa caracterul asociat cu acea entitate particulară. De exemplu:

• & devine &
• &lt; devine <
• &gt; devine >

Folosind entități HTML, puteți afișa codul în postările dvs. WordPress.

<div class="awesome"> va fi afișat în browser astfel:

<div class="awesome">

Această metodă este deosebit de utilă dacă doriți doar să afișați câteva linii de cod. Cu toate acestea, această metodă poate fi dificil de aplicat manual pentru mai multe linii de cod.

Pentru a rezolva această problemă, puteți utiliza un codificator online de entități HTML, cum ar fi acesta. Pur și simplu introduceți codul pe care doriți să îl convertiți și apăsați butonul de codificare. Acesta va converti codul dvs. în entități HTML și puteți lipi în siguranță acel cod în interiorul tag-ului <code></code>.

Utilizarea unui plugin pentru a afișa codul în postările WordPress

Dacă partajați frecvent fragmente de cod în postările dvs., atunci metodele menționate mai sus nu vor funcționa pentru dvs. Primul lucru pe care trebuie să îl faceți este să instalați și să activați pluginul SyntaxHighlighter Evolved. Acesta vă va scuti de efortul de a converti codul în entități HTML. Nu numai că va evidenția codul pentru a-l afișa într-un format mult mai lizibil.

Funcționează imediat, tot ce trebuie să faceți este să încadrați conținutul în etichete specifice limbajului. De exemplu, dacă partajați un cod care este în principal în PHP, atunci ați încadra codul dvs. astfel:

[php]
<?php
function themelab_demo_code() {
$i = 1;
while ($i <= 10):
echo $i."<br />";
$i++;
endwhile;
}
themelab_demo_code();
?>
[/php]


Va apărea pe site-ul dvs., astfel:

<?php
function themelab_demo_code() { 
$i = 1;
while ($i <= 10):
    echo $i."<br />";
    $i++;
endwhile;
}
themelab_demo_code();
?>

Pentru diferite limbi există aliasuri diferite pe care le puteți utiliza. Unele dintre cele mai frecvent utilizate aliasuri sunt:

• Pentru a afișa cod HTML, utilizați [html] [/html]
• Pentru CSS, utilizați acest lucru: [css][/css]
• Pentru MySQL, utilizați acest lucru: [sql][/sql]
• Pentru Javascript, utilizați acest lucru: [javascript][/javascript]

Sper că acest articol v-a ajutat să afișați codul în postările și paginile WordPress.

Dacă ți-a plăcut acest articol, alătură-te ThemeLab pe Twitter și Google+.