WordPress

agosto 7, 2017

Cómo insertar código fuente en una entrada de WordPress

www.seox.es | seox@seox.es | 656545123 | SEO y Posicionamiento en Bilbao: #seox #seobilbao #posicionamientobilbao #paginaswebbilbao

Es muy habitual, si tienes un blog de programación, el insertar código fuente en una entrada de WordPress. Si no eres muy ducho en el CMS te habrás dado cuenta que no es tarea sencilla que quede formateado tal y como te gustaría. En esta entrada te enseñamos cómo hacerlo.

Los blogs de programación son un nicho bastante visitado en las redes de blogs. Allí, los programadores, vierten sus conocimientos para que los visitantes aclaren sus dudas y aprendan cosas nuevas. Es vital para un blog de programación el insertar en las entradas, trozos de código para ejemplificar o demostrar el uso del lenguaje de programación en el caso dado. Si eres consumidor de este tipo de blogs o los sigues, te habrás dado cuenta que, para una mejor comprensión del mismo, los trozos de código suelen estar formateados, algunos de mejor manera que otros. Y si eres un administrador de un blog de programación, alguna queja habrás tenido mediante el formulario de contacto de WordPress de alguno de tus lectores. Sin contar también que influye bastante en el SEO de la web.

Te habrás fijado que, para que se entienda mejor el código, las palabras, dependiendo del lenguaje de programación, suelen estar en colores distintos. Es decir, para un buen blogger de programación es importantísimo que el código que muestre esté formateado según la sintaxis del lenguaje de programación en el cual desarrolla. Si eres uno de estos blogger y necesitas una solución para mostrar a tus visitantes unos buenos ejemplos para que todo se entienda con claridad, te recomendamos que le eches un vistazo a esta entrada porque te puede interesar muy mucho.

La solución por defecto

Esto más que una solución es un tag de html que lo único que hace es formatear el código de otra manera para que se distinga del texto del cuerpo de la entrada. Si buscas una solución más avanzada que te muestre el número de líneas, que coloree las palabras en base a la sintaxis pasa al siguiente punto porque este modo solo cambia el color del texto y le da un pequeño padding. Para poder utilizarlo, una vez que estés escribiendo una entrada cambia la pestaña a modo Texto y allí verás un botón que pone “code”. Utilízalo e introduce el snippet de código que quieras insertar dentro de los tags

Simple Code Highlighter

banner-772x250(1)
Simple Code Highlighter es un plugin para WordPress que cumple con creces las necesidades de un blogger de programación. Es fácil de instalar, formatea el texto, añade un pequeño botón en la edición de las entradas para una fácil inserción del código…en fin, todo lo que estabas buscando para publicar tus entradas de programación en un solo plugin de WordPress. Para instalar ve a la sección Plugins de tu backoffice y selecciona Añadir Nuevo. Una vez que estés dentro busca por “Simple Code Highlighter” y aparecerá el primero en los resultados de busqueda. Instálalo y actívalo. Ya no hay que hacer nada más, no hay nada que configurar, no hay nada que crear en el código fuente de WordPress…absolutamente nada. Ya está lista para usarse.

Para usarlo solamente tienes que ir a la editor de las entradas (ya sea para añadir una nueva o para modificarla) y darle al botón que tiene este símbolo <> el cual está en la barra de herramientas del editor wysiwyg de WordPress. Al clicar sobre él te aparecerá una ventana emergente en la cual tendrás que pegar el código que quieras insertar en la entrada. Cópialo, dale a Aceptar y ya tienes tu código listo y bien formateado.

Como ventaja, este plugin autoreconoce el lenguaje de programación y no hay que indicárselo de ningún modo para ahorrarnos un tiempo en la edición de la entrada. Como contra tenemos que el código no tiene un botón que lo seleccione todo para que el usuario lo pueda copiar y aplicar en sus proyectos.

Estas son las soluciones sencillas que hemos encontrado para formatear el código fuente que insertes en tu propio blog. Hay otras más complicadas que dan más problemas que soluciones, porque, aparte de crearte una dependencia hacia ese plugin, si dejan de actualizarlo las entradas antiguas se te verán mal. Es por eso que no los hemos traido aquí, pero te animamos a que busques por tu cuenta y encuentres la solución que más te convenga.

¿Y tú? ¿Qué utilizas para insertar código fuente en una entrada de WordPress?

SIGUE LEYENDO...
Ir a la fuente
Author: Oliver de la Rosa

Declaración de intenciones de SeoX

Powered by WPeMatico

Do NOT follow this link or you will be banned from the site! www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: SEO Vizcaya SEO empresas SEO Google SEO páginas web SEO pyme SEO buscadores SEO Bing SEO Opera SEO chrome SEO firefox SEO España SEO negocios SEO Internet seo bilbao curso seo bilbao consultor seo bilbao posicionamiento seo bilbao empresas seo bilbao congreso seo bilbao seo bilbao seo en bilbao posicionamiento seo en bilbao museo bilbao museo bilbao guggenheim congreso seo bilbao posicionamiento web bilbao diseño web bilbao posicionamiento web en bilbao curso seo posicionamiento web posicionamiento en google posicionamiento seo diseño grafico bilbao agencia seo seo web google seo seo barcelona herramientas seo agencia seo barcelona agencia seo madrid consultor seo marketing online bilbao agencia seo bilbao analisis seo posicionamiento web malaga posicionamiento web marbella seo marbella diseño grafico marbella páginas web marbella seo y sem seo sem paginas web bilbao agencias anuncios asociación de agencias de publicidad ayudas y subvenciones bilbao blog branding community manager concursos creatividad creativos diseño eventos festivales google green marketing internet marca marketing mujeres networking packaging pinterest promociones publicidad recursos rrss rrss seoo storytelling street marketing tipografia tutoriales twitter venta on-line viral web whatsapp www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: so Vizcaya sio empresas saeo Google sweo páginas web sewo pime seo` buscadores seopp Bing seop Opera seio chrome sero firefox sdeo España aseo negocios aseo Internet seop bilbao curso sseo bilbao consultior seo bilbao posicionamiento seeo bilbao empresaas seo bilbao congreeso seo bilbao seo biilbao seo en biilbao museoo bilbao museo bilbao gugenheim congreso seo biilbao posicionamiento web bilbaao diseno web bilbao curso seoo posicionamiento webb posicionamiento en gogle posicionamientoo seo diseño graficoo bilbao agenciaa seo seo webb gogle seo seoo barcelona herramientas seoo agencia seo barcelonaa agencia seo madridd consultor seoo marketin online bilbao agencia seoo bilbao analisis seoo web malaga posicionamiento web marbela seo marbellaa diseñoo grafico marbella páginas webb marbella seoo y sem seoo sem seo semm seo y semm pagina weeb bilbao agencia de publicidad suvenciones bilbao vlog brandin comunity manager comunitymanager communitymanager creatiividad creativoo diseñoo evento gogle green marketin marca marketin mujeres networkin packagin pinterestt pintarestt pintarest promocioness publicidadd seoo storytellingg marketingg twitterr twiter vventa on-line viral webb whatsappp watsap watsapp Páginas Amigas: www.juanantonionarvaez.com | Formación Linkedin | Neuroselling | marketing