Evidenţierea codului în WordPress (SyntaxHighlighter)

Evidenţierea codului în WordPress (SyntaxHighlighter)

Uneori este nevoie să se evidenţieze codurile, fie ele cod php, css, javascript sau altele. Evidenţierea poate fi făcută folosind Blockquote însă o metodă mult mai bună (din punct de vedere vizual) este folosirea unui plugin: SyntaxHighlighter Evolved.

SyntaxHighlighter Evolved vă permite să publicați cu ușurință cod evidențiat ca sintaxă pe site-ul dvs., fără a pierde formatarea sau a face modificări manuale. Acesta folosește pachetul JavaScript SyntaxHighlighter de Alex Gorbatchev.

Pentru o demo live, consultați pagina principală a acestui plugin.

Instalarea modulului SyntaxHighlighter Evolved

SyntaxHighlighter este un modul WordPress, așadar se instalează la fel ca oricare alt modul.

Pentru început trebuie să fiți autentificat în WordPress ca administrator, apoi din Module → Adaugă modul scrieți în câmpul de căutare numele modului: SyntaxHighlighter Evolved.

Se face click pe Instalează acum, apoi pe Activează.

Setarea modulului SyntaxHighlighter Evolved

După activare modulul adaugă un meniu în Setări → SyntaxHighlighter.

Cod exemplu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PHP Code Example</title>
</head>
<body>
    <h1>PHP Code Example</h1>
 
    <p><?php echo 'Hello World!'; ?></p>
 
    <p>This line is highlighted.</p>
 
    <div class="foobar">
        This    is  an
        example of  smart
        tabs.
    </div>
 
    <p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>

În setări există o listă cu codurile de folosit.

Importante sunt următoarele:

  • dacă folosiți editorul clasic, treceți pe editare TEXT
  • dacă folosiți sistemul de blocuri, aveți grijă să selectați blocul HTML

Mai jos sunt parametrii: