Cómo dar formato a código fuente de entradas de blog en Wordpress

Editar en modo HTML cuando se desea agregar el código fuente a una entrada de blog en WordPress. La adición de ejemplos de código fuente requiere un cambio de etiquetas HTML que mantiene a los navegadores de las representa como código. Para ello, cambie los soportes que rodean etiquetas HTML para códigos de caracteres especiales - códigos cortos que permiten añadir caracteres y símbolos adicionales para las páginas Web. Código etiquetas de formato tales como "<code>" y "<pre>" también puede hacer que el código fuente aparece en sus mensajes según lo previsto.

Instrucciones

1 Haga clic en la pestaña "HTML" en la parte superior del cuadro de edición en la pantalla "Editar entrada". Busque la posición dentro del contenido de la entrada en la que desea colocar el código fuente y empezar una nueva línea allí.

2 Escriba el código tal y como desea que aparezca en el mensaje:

<H1> Código de ejemplo </ h1>

Vuelva a colocar las abrazaderas que rodean a cada etiqueta HTML con sus correspondientes códigos de caracteres especiales:

<H1> Código de ejemplo </ h1>

Tenga en cuenta que el código de carácter especial para el soporte inicial es "<", que significa "menos". El soporte está terminando ">" o "mayor que".

3 Envuelve tu ejemplo de código fuente en "<pre>" etiquetas para conservar espacio en blanco del código, como sangrías y saltos de línea:

<Pre> var x;

x = 5; </ pre>

No arranque el ejemplo de código en una nueva línea directamente después de "<pre>," porque esto provoca una línea en blanco que aparezca en el mensaje. Desde "<pre>" no es parte del código fuente, no convertir los soportes de los "<pre>" etiquetas de códigos de caracteres especiales.

4 Envuelve el código fuente y "<pre>" etiquetas con "<code>" etiquetas para dar formato a su código fuente en un espacio fijo:

<Code> <pre> var x;

x = 5; </ pre> </ code>

Consejos y advertencias

• El estilo de su ejemplos de código fuente escribiendo código CSS que se dirige a la "<code>" y "<pre>" tags: "pre {color: # 00ff00; background-color: #eeeeee;}".
• Instalar un plugin resaltado de sintaxis y siga sus instrucciones para el formato de código. Usted todavía tendrá que modificar en modo HTML en la mayoría de las situaciones, pero resaltado de sintaxis vienen con un código de colores y estilos de línea especial de numeración.