ubiquitour.com

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

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

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

La etiqueta Code

La etiqueta < code > en HTML está diseñada para hacer bits de código se destacan en su página. Todo el formato se quita del texto, en cambio la representación en una fuente Courier sin formato. Lo que le falta en talento, compensa en la simplicidad: pones el código entre las etiquetas < código > de cierre y apertura. Por desgracia, esto no funciona el código que de lo contrario mostrará correctamente en la página. Por ejemplo, utilizando código de < > a mostrar un ejemplo de un CSS elemento funciona porque la CSS se utiliza dentro de una hoja de estilos, no en el cuerpo de la página como HTML; el código no significa nada solo en la página. Si tratas de usar código de < > para mostrar el código HTML de una imagen, no funciona porque el código de la imagen es válida HTML; en su lugar se obtiene una imagen donde querías código. Como tal, < código > es realmente mejor para el código de la Web no, como comandos de Unix.

Resaltador de sintaxis de Google para WordPress

Resaltador de sintaxis de Google es una manera bien estilo de incrustar código en su página: no sólo hace color la sintaxis diferente, se alterna el color de cada línea de fondo y le da cada línea un número, que hace el código fácil de leer y entender. Para mostrar el resaltado de código en tu página, haz clic en la ficha HTML en la esquina superior derecha del editor de post. Una vez que entras en modo HTML, no puedes irte; Volviendo a "Componer" se tira el componente textarea. Poner el fragmento de código dentro de un < textarea > así:

< textarea nombre = "código" class = "html" >< img src="image.jpg" width = "150" height = "150" alt = "Imagen de muestra" / >< / textarea >

El atributo name le dice a WordPress que es código de ejemplo. La clase especifica qué tipo de código es, por lo que la caja utiliza la sintaxis correcta. Por ejemplo, si se muestra el código de algunos JavaScript, puede utilizar clase = "js" o clase = "javascript".

Cuadro código de ciruela

El cuadro de código de ciruela plug-in para WordPress es principiante un poco más amable. Una vez instalado, caja ciruela agrega un modulo a la página del Post, justo debajo del editor de entrada. En el menú desplegable, selecciona qué código estás utilizando, a continuación, introduzca el código en el cuadro proporcionado. En la esquina derecha de la caja, verás "Shortcode: [codebox 1]". Esto significa que insertar "[codebox 1]" donde quieras a la caja para aparecer en tu página. Si necesita cajas múltiples, seleccione el número correspondiente de "Número de cajas". Como resaltador de sintaxis de Google, diferentes atributos y valores dentro de la caja son diferentes colores.

Resaltado de código WP

Posiblemente la más simple de código basado en plugins, WP código destacar sólo requiere que introduzca el modo de edición HTML en tu post de blog y flanquean el fragmento de código con la etiqueta "< pre >". No requiere ningún formato adicional y distinciones; sólo detecta el código y colores por consiguiente.