TodoTutoriales, los mejores tutoriales en español

Todotutoriales

Los mejores tutoriales gratis en español

Mostrar código en WordPress


A menudo nos pasa esto a los usuarios de WordPress. Queremos mostrar código html en un post y nos encontramos con que los caracteres que utiliza HTML para definir sus etiquetas “<” y “>” son interpretados como tales y no aparecen en pantalla ni siquiera poniéndolos entre las etiquetas <code></code> que tenemos en editor.

Existen plugins para hacer ésto, pero si podemos hacerlo sin plugin es mucho mejor, el rendimiento de nuestra página será mayor.

¿Qué hacer entonces? Muy sencillo, el blog de Vinagre Asesino nos da la solución: solamente tenemos que sustituir “<” por “<” y “>” por “>” y así evitaremos que el código sea interpretado.

Hacer esto de forma manual es bastante tedioso, así que lo mejor es recurrir a este conversor de entidades html, de modo que si colocamos un trozo de código en la zona “Texto a convertir” y seguidamente pinchamos en “Convertir” obtenemos el texto ya codificado para copiar y pegar en el post, en modo html, por supuesto.

Conversor de caracteres HTML

Bien, ya sabemos mostrar el código, pero ahora ¿cómo dar estilo a este código? Vinagre Asesino nos lo cuenta en este post. ¡Gracias Javi!

Categorías: Utilidades, WordPress
Etiquetas: , , , ,

Si te ha gustado este tutorial, subscríbete al feed RSS de todotutoriales.es.

Tutoriales relacionados

4 comentarios

  1. Pues yo he probado a insertar directamente en un comentario un video de youtube y lo visualiza escribe tal cual lo he escrito el codigo generado.

    saludos

    myblog

  2. [...] tiempo, escribíamos sobre  cómo mostrar código en WordPress. Hoy, leyendo los comentarios de este post de TodoWordPress, me he encontrado con el mismo [...]

  3. Gracias amigo me funciono como joya

  4. Me alegro, y gracias por comentar, hay muchos conversores online y todos los que he probado van bien.

Envía tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Compras en internet

Volver arriba