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>

victor

Hola!. Me llamo Víctor Reyes 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 PS3. Te animo a participar en mi web www.biolucas.com

This Post Has 2 Comments

  1. protector pantalla

    Y como se hace al reves para conseguir que muestre codigo html en el post sin que lo interprete. Gracias.

    1. victor
      victor

      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 un comentario

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


*

CommentLuv badge