Cómo insertar código en posts de WordPress

Hay 2 básicos pasos para insertar código en nuestros posts:

Isertar el código con la etiqueta “code” e instalar un plugin para obtener buenos efectos visuales como por ejemplo resaltado de sintaxis.

1.- Inserta el código con las etiquetas.

How-to-insert-code-in-a-WordPress

 

 

 

 

 

2.- Descarga y activa el plugin. En este caso he escogido el plugin SyntaxHighlighter Evolved.

Resultado

#button {
    font-weight: bold;
    border: 2px solid #fff;
}

 

Existen infinidad de parámetros configurables para obtener los mejores resultados. En el siguiente ejemplo he incluido (language=”html” firstline=”33″) para indicar que el código empiece en la linea nº33.

 

<!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>WordPress.com Code Example</title>
</head>
<body>
    <h1>WordPress.com Code Example</h1>

    <p><?php echo 'Hello World!'; ?></p>

    <p>This line is highlighted.</p>

    <p>This line is very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long.</p>

    <div class="foobar">
        This    is  an
        example of  smart
        tabs.
    </div>

    <p><a href="http://wordpress.com/">WordPress.com</a></p>
</body>
</html>

Para más información Code »Posting Source Code.