Tecnología

Inicio

Cómo mostrar código en WordPress Mensajes

Cómo mostrar código en WordPress Mensajes


Código compartido, tutoriales y blogs de recetas son muy populares dentro de la comunidad de programación en línea. La mayoría de los programadores de aprender por sí mismos al menos un lenguaje de programación, y el libre intercambio de técnicas e ideas tecnologías mantiene en crecimiento. El problema es cómo mostrar código en una página Web, ya que los servidores web y navegadores intentarán ejecutar cualquier código en un archivo HTML o PHP. Este problema afecta a WordPress, así, pero se puede conseguir alrededor de él mediante el uso de algunos métodos diferentes.

Instrucciones

1 Envolver fragmentos de código en la etiqueta <code> para visualizar el texto en una fuente de espacio fijo. El uso de la etiqueta <code>, también puede cambiar el estilo del texto del código de uso de CSS en el archivo "style.css". Reemplazar caracteres especiales como soportes de flecha izquierda y derecha con los códigos de entidades de caracteres para evitar que WordPress se ejecute el código. Aquí hay un ejemplo:

<Code>

<H1 & RT; Este es un H1 HTML título </ Y rt;

</ Code>

Ese código se mostrará en su puesto de este modo:

<H1> Este es un H1 HTML título </ h1>

2 Utilice <pre> en lugar de <code> para mostrar código con todos los saltos de línea y espacios intactos. Con etiquetas <pre>, no es necesario utilizar los códigos de entidad de caracteres, pero sí es necesario tener cuidado de cómo se escribe a cabo su código. Largas filas de código podría romper su diseño. Aquí hay un ejemplo:

<Pre>

<H1> Este es un archivo HTML

Título </ h1>

</ Pre>

El código anterior da salida a esto:

<H1> Este es un archivo HTML

título </ h1>

3 Instalar un plug-in para visualizar grandes fragmentos de código. Estas líneas de número de plug-ins, código de color, alternar el color de fondo para cada línea y se aplican envolturas de palabras. Iniciar sesión en el panel de WordPress, vaya a "Plugins" y haga clic en "Agregar nuevo". Buscar "código" y mirar a través de los muchos plug-ins que muestran código. Instalar el que usted desea utilizar, activarlo y luego siga las instrucciones para pegar código en sus puestos. La mayor parte de estos plug-ins utilizan códigos cortos que se puede envolver alrededor del texto como HTML.

Consejos y advertencias

  • Utilizar el sitio web Pastebin.com para pegar grandes bloques de código, y luego enlazar con el código que ha creado. Esta opción es útil para los bloggers que no necesitan pegar código en los mensajes frecuencia o la necesidad de compartir y depurar código con otros programadores.