{"id":3045,"date":"2020-08-15T08:34:21","date_gmt":"2020-08-15T13:34:21","guid":{"rendered":"https:\/\/intelplanet.com\/blog\/?p=3045"},"modified":"2020-08-15T08:34:21","modified_gmt":"2020-08-15T13:34:21","slug":"como-insertar-y-mostrar-codigo-en-las-publicaciones-de-mi-blog-wordpress","status":"publish","type":"post","link":"https:\/\/intelplanet.com\/blog\/como-insertar-y-mostrar-codigo-en-las-publicaciones-de-mi-blog-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo insertar y mostrar c\u00f3digo en las publicaciones de mi Blog WordPress?"},"content":{"rendered":"

\u00bfTienes un blog en la plataforma WordPress? \u00bfSueles hablar sobre programaci\u00f3n o incluir c\u00f3digos? Hoy veremos c\u00f3mo insertar y mostrar c\u00f3digo en las publicaciones de tu blog de manera sencilla y r\u00e1pida con la ayuda de un excelente plugin.<\/p>\n

<\/p>\n

Muchas veces en nuestro blog es necesario incluir<\/strong> un peque\u00f1o trozo de c\u00f3digo<\/strong> para compartirlo con nuestros lectores.<\/p>\n

Ya sea que lo haces de forma recurrente o espor\u00e1dicamente es necesario contar con un plugin como el que veremos el d\u00eda de hoy.<\/p>\n

Y es que las razones para hacerlo no son cosa menor, la apariencia y evitar errores son solo un par de ellas.<\/p>\n

Muchas veces al tratar de incluir cierto c\u00f3digo ocurren errores en WordPress<\/strong> ocasionados por este fragmento de c\u00f3digo que queremos compartir.<\/p>\n

Al final terminamos compartiendo este c\u00f3digo en un enlace externo o en una imagen, lo cual no es bueno para nuestro blog.<\/p>\n

Otra raz\u00f3n de contar con un plugin para insertar y mostrar c\u00f3digo en nuestro blog WordPress es que simplemente no luce bien si lo pegamos tal cual en nuestro contenido.<\/p>\n

El c\u00f3digo se mezcla con el texto de tu art\u00edculo y no destaca, al incluir un c\u00f3digo en tu blog este deber\u00eda de resaltar del resto de tu contenido.<\/p>\n

Por estas y muchas m\u00e1s razones es importante contar con un plugin para insertar y mostrar c\u00f3digo<\/strong> como el que veremos a continuaci\u00f3n.<\/p>\n

Insertar y mostrar c\u00f3digo en tu blog con Enlighter<\/h2>\n

\"insertar<\/p>\n

Enlighter<\/a> es un plugin WordPress<\/em> que nos permite de manera f\u00e1cil resaltar c\u00f3digo<\/strong> en las entradas de nuestro blog.<\/p>\n

La apariencia final del c\u00f3digo resaltado es excelente y se integra correctamente con el editor, solo pegamos el c\u00f3digo y el plugin se encarga del resto.<\/p>\n

Cabe destacar que este plugin funciona para la gran mayor\u00eda de lenguajes de programaci\u00f3n como: JavaScript, C, C++, C#, CSS, Go, HTML, Java, JSON, PHP, Python, Rubi, SQL, Swift, VB, etc.<\/p>\n

Adem\u00e1s incorpora dos modos<\/strong>, incluir c\u00f3digo de en la misma linea o en bloque, lo cual es genial.<\/p>\n

Cuenta con temas<\/strong> donde podemos elegir la combinaci\u00f3n de colores que m\u00e1s nos guste o mejor se adapte al estilo de nuestro blog.<\/p>\n

\u00bfSuena genial no es as\u00ed?<\/em><\/p>\n

Instalar el plugin Enlighter<\/h3>\n

Lo primero que tenemos que hacer es descargarlo de su p\u00e1gina en WordPress<\/a> o buscarlo en la secci\u00f3n de Plugins -> A\u00f1adir nuevo<\/strong>.<\/p>\n

\"insertar<\/p>\n

Lo instalamos y activamos para poder hacer uso de \u00e9l.<\/p>\n

Para insertar y mostrar c\u00f3digo en una entrada<\/strong> de nuestro blog simplemente vamos a la barra de herramientas de nuestro editor y encontraremos la opci\u00f3n.<\/p>\n

\"insertar<\/p>\n

Presionamos el primer bot\u00f3n y pegamos el c\u00f3digo<\/strong> que queremos incluir en nuestra entada.<\/p>\n

Por supuesto antes colocamos el cursor donde queremos que se incluya el c\u00f3digo.<\/em><\/p>\n

\"insertar<\/p>\n

En la pantalla que nos aparece elegimos el lenguaje de programaci\u00f3n que estamos tratando de incluir y el modo en el que queremos incluirlo.<\/p>\n

Pegamos el c\u00f3digo de programaci\u00f3n que queremos resaltar y presionamos Aceptar<\/strong>.<\/p>\n

El c\u00f3digo lucir\u00e1 as\u00ed en nuestro editor:<\/p>\n

\"ejemplo<\/p>\n

Posteriormente al visualizar la vista previa o publicar el art\u00edculo el c\u00f3digo lucir\u00e1 as\u00ed:<\/p>\n

\"ejemplo<\/p>\n

\u00bfGenial no?<\/em> Como puedes ver luce bastante bien y resalta del contenido.<\/p>\n

Como te dije antes podemos personalizar los colores y estilos cambiando de tema f\u00e1cilmente.<\/p>\n

Recuerda que en intelplanet<\/strong> contamos con planes de hosting WordPress<\/a> para llevar tu proyecto en Internet al siguiente nivel, dominio gratis, garant\u00eda de 30 d\u00edas, SSL gratis y soporte de primer nivel.<\/p>\n

Si esta informaci\u00f3n sobre c\u00f3mo insertar y mostrar c\u00f3digo en las publicaciones de mi blog WordPress<\/em> te ha sido de utilidad no olvides compartirla en tus redes sociales y dejarnos un comentario en la secci\u00f3n de abajo si tienes cualquier duda relacionada con el tema de hoy, ser\u00e1 un placer ayudarte.<\/p>\n

\u00a1Hasta luego!<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfTienes un blog en la plataforma WordPress? \u00bfSueles hablar sobre programaci\u00f3n o incluir c\u00f3digos? Hoy veremos c\u00f3mo insertar y mostrar c\u00f3digo en las publicaciones de tu blog de manera sencilla y r\u00e1pida con la ayuda de un excelente plugin.<\/p>\n","protected":false},"author":15,"featured_media":3047,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[50],"tags":[13,141,124,169,142,143,54],"blocksy_meta":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/intelplanet.com\/blog\/wp-content\/uploads\/2020\/08\/insertar-y-mostrar-c\u00f3digo-en-las-publicaciones-de-mi-blog-wordpress-intelplanet.jpg?fit=1536%2C628&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p9b7ET-N7","_links":{"self":[{"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/posts\/3045"}],"collection":[{"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/comments?post=3045"}],"version-history":[{"count":9,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/posts\/3045\/revisions"}],"predecessor-version":[{"id":3062,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/posts\/3045\/revisions\/3062"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/media\/3047"}],"wp:attachment":[{"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/media?parent=3045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/categories?post=3045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/intelplanet.com\/blog\/wp-json\/wp\/v2\/tags?post=3045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}