Cómo poner código en WordPress: SyntaxHighlighter Evolved

Para poner código en WordPress tenemos el siguiente plugin: SyntaxHighlighter Evolved. También hemos instalado la extensión para PHP5.

Cómo poner código PHP con SyntaxHighlighter Evolved:

Nos situamos en el editor en HTML (no en Visual) y escribimos el código PHP entre las etiquetas [php] y [/php]:

<?php
$numero=1;
echo $numero;
?>

Cómo poner código HTML con SyntaxHighlighter Evolved:

Nos situamos en el editor en HTML (no en Visual) y escribimos el código HTML entre las etiquetas [html] y [/html]

<!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>

Publicado por

victor

Hola!. Me llamo Víctor y soy Ingeniero Agrónomo de formación y programador web de profesión (desde el año 2006). Por otra parte me gusta, entre otras aficiones, el senderismo, jugar al futbol y al FIFA en la PS4. Te animo a participar en mi web www.biolucas.com

2 comentarios en «Cómo poner código en WordPress: SyntaxHighlighter Evolved»

    1. Hola, gracias por escribir. No se si te he entendido bien. Para mostrar código HTML sin que lo interprete es como he puesto en Cómo poner código HTML con SyntaxHighlighter Evolved. Lo que ves es código no interpretado, para esto te pones en la entrada de WordPress en Texto y no en Visual y el texto de HTML que quieras mostrar lo pones entre las etiquetas html y /html con corchetes antes y después de html y /html, si sólo ponemos eso tendríamos esto:

       

      . Si quieres mostrar una línea con código que sea un parrafo diciendo Hola, para mostrarlo tal cual en Text tienes que poner:

      <p>Hola</p>

      . No se si con esto he conseguido resolver tu duda. Saludos!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CommentLuv badge