¿Cómo insertar y mostrar código en las publicaciones de mi Blog WordPress?

¿Tienes un blog en la plataforma WordPress? ¿Sueles hablar sobre programación o incluir códigos? Hoy veremos cómo insertar y mostrar código en las publicaciones de tu blog de manera sencilla y rápida con la ayuda de un excelente plugin.

Muchas veces en nuestro blog es necesario incluir un pequeño trozo de código para compartirlo con nuestros lectores.

Ya sea que lo haces de forma recurrente o esporádicamente es necesario contar con un plugin como el que veremos el día de hoy.

Y es que las razones para hacerlo no son cosa menor, la apariencia y evitar errores son solo un par de ellas.

Muchas veces al tratar de incluir cierto código ocurren errores en WordPress ocasionados por este fragmento de código que queremos compartir.

Al final terminamos compartiendo este código en un enlace externo o en una imagen, lo cual no es bueno para nuestro blog.

Otra razón de contar con un plugin para insertar y mostrar código en nuestro blog WordPress es que simplemente no luce bien si lo pegamos tal cual en nuestro contenido.

El código se mezcla con el texto de tu artículo y no destaca, al incluir un código en tu blog este debería de resaltar del resto de tu contenido.

Por estas y muchas más razones es importante contar con un plugin para insertar y mostrar código como el que veremos a continuación.

Insertar y mostrar código en tu blog con Enlighter

insertar y mostrar código en las publicaciones de mi blog wordpress - 1

Enlighter es un plugin WordPress que nos permite de manera fácil resaltar código en las entradas de nuestro blog.

La apariencia final del código resaltado es excelente y se integra correctamente con el editor, solo pegamos el código y el plugin se encarga del resto.

Cabe destacar que este plugin funciona para la gran mayoría de lenguajes de programación como: JavaScript, C, C++, C#, CSS, Go, HTML, Java, JSON, PHP, Python, Rubi, SQL, Swift, VB, etc.

Además incorpora dos modos, incluir código de en la misma linea o en bloque, lo cual es genial.

Cuenta con temas donde podemos elegir la combinación de colores que más nos guste o mejor se adapte al estilo de nuestro blog.

¿Suena genial no es así?

Instalar el plugin Enlighter

Lo primero que tenemos que hacer es descargarlo de su página en WordPress o buscarlo en la sección de Plugins -> Añadir nuevo.

insertar y mostrar código en las publicaciones de mi blog wordpress - 5

Lo instalamos y activamos para poder hacer uso de él.

Para insertar y mostrar código en una entrada de nuestro blog simplemente vamos a la barra de herramientas de nuestro editor y encontraremos la opción.

insertar y mostrar código en las publicaciones de mi blog wordpress - 2

Presionamos el primer botón y pegamos el código que queremos incluir en nuestra entada.

Por supuesto antes colocamos el cursor donde queremos que se incluya el código.

insertar y mostrar código en las publicaciones de mi blog wordpress - 6

En la pantalla que nos aparece elegimos el lenguaje de programación que estamos tratando de incluir y el modo en el que queremos incluirlo.

Pegamos el código de programación que queremos resaltar y presionamos Aceptar.

El código lucirá así en nuestro editor:

ejemplo de plugin para codigo

Posteriormente al visualizar la vista previa o publicar el artículo el código lucirá así:

ejemplo de plugin para codigo

¿Genial no? Como puedes ver luce bastante bien y resalta del contenido.

Como te dije antes podemos personalizar los colores y estilos cambiando de tema fácilmente.

Recuerda que en intelplanet contamos con planes de hosting WordPress para llevar tu proyecto en Internet al siguiente nivel, dominio gratis, garantía de 30 días, SSL gratis y soporte de primer nivel.

Si esta información sobre cómo insertar y mostrar código en las publicaciones de mi blog WordPress te ha sido de utilidad no olvides compartirla en tus redes sociales y dejarnos un comentario en la sección de abajo si tienes cualquier duda relacionada con el tema de hoy, será un placer ayudarte.

¡Hasta luego!

Califica este artículo

0 / 5 1

Related Posts

Comments 1

  1. i need this

Deja un comentario

Welcome Back!

Login to your account below

Create New Account!

Fill the forms bellow to register

Retrieve your password

Please enter your username or email address to reset your password.

A %d blogueros les gusta esto:
  • suscribete

    *Es gratis y puedes darte de baja cuando quieras