Cómo Permite WordPress fragmentos de código que se insertará

Si ejecuta cualquier tipo de blog de desarrollo Web, ya sea acerca de HTML, JavaScript o CSS - Cascading Style Sheet -, vas a tener que mostrar un ejemplo del código. WordPress no tiene un elemento nativo para la incrustación de código; en su lugar puede utilizar la etiqueta HTML <code> o una más avanzada plug-in. La etiqueta <code> no siempre funciona con código basado en la Web, mientras que un plug-in de WordPress está diseñado para ayudarle a mostrar código en un formato fácil de leer.

El rótulo de código

La etiqueta <code> en HTML está diseñado para hacer bits de código se destacan en su página. Todo el formato se retira del texto, en lugar que lo hacen en una fuente Courier sin formato. Lo que le falta de estilo, se compensa en la simplicidad: Se pone el código entre la apertura y el cierre <code>. Por desgracia, esto no funciona en el código que de otro modo se muestre correctamente en la página. Por ejemplo, usando <code> para mostrar un ejemplo de un elemento de CSS funciona porque CSS se utiliza dentro de una hoja de estilo, no en el cuerpo de una página como HTML; el código no significa nada por sí solo en la página. Si intenta utilizar <code> para mostrar el código HTML de una imagen, que no funciona debido a que el código de la imagen es HTML válido; en su lugar se obtiene una imagen en la que quería código. Como tal, <code> es realmente mejor para el código no web, tales como comandos de Unix y similares.

Google Marcador de resaltado de sintaxis para WordPress

Google Syntax Highlighter es una forma bien de estilo para incrustar el código en su página: no sólo el color toda la sintaxis diferente, se alterna el color de fondo de cada línea y da cada línea un número, por lo que el código fácil de leer y entender. Para visualizar el marcador de código en su página, haga clic en la ficha HTML en la esquina superior derecha del editor de entradas. Una vez que entre en el modo HTML, no se puede dejar; volver a "Componer" se tira el área de texto. Ponga el fragmento de código dentro de un <textarea>, así:

<Textarea name = "código" class = "html">
<Img src = "imagen.jpg" width = "150" height = "150" alt = "Imagen de muestra" />
</ Textarea>

El atributo name indica que se trata de WordPress código de ejemplo. La clase especifica qué tipo de código que es, para que el cuadro utiliza la sintaxis correcta. Por ejemplo, si se indica el código de algo de JavaScript, podría utilizar class = "js" o class = "javascript".

Caja Código de ciruela

El plug-in Código del ciruelo Caja para WordPress es un poco más novato de usar. Una vez instalado, ciruelo Caja añade un módulo a la entrada de página, justo debajo del editor de entradas. En el menú desplegable, selecciona qué tipo de código que está utilizando, a continuación, introduzca el código en la casilla correspondiente. En la esquina derecha de la caja, verá "abreviado: [CODEBOX 1]". Esto significa que se inserta "[CODEBOX 1]" dondequiera que usted quiere a la caja para que aparezca en su página. Si necesita varias casillas, seleccione el número pertinente de "Número de campos". Al igual que con Google de resaltado de sintaxis, los diferentes atributos y valores dentro de la caja son de diferentes colores.

Resalte Código WP

Posiblemente el más simple de los plug-ins basados ​​en código, Código WP Resalte sólo requiere que usted entra en el modo de edición de HTML de su entrada en el blog y el flanco el fragmento de código con la etiqueta "<pre>". No requiere ningún tipo de formato y distinciones adicional; sólo se detecta su código y colores en consecuencia.