Plugin WordPress para Insertar Código

Want create site? Find Free WordPress Themes and plugins.

La semana pasada por fin encontré un plugin de WordPress para insertar y mostrar código en las entradas, de forma destacada y que funcionara correctamente.

A veces, quieres mostrar cierta pieza de cógido para facilitar a otros que la puedan copiar y pegar donde quieran: imágenes, soluciones a problemillas, parches …y la verdad es que llevaba muchos plugins probados que teóricamente lo permitían pero todos me daban problemas.

Así que probé uno más: el iG:Syntax Hiliter, con un pequeño truco. He logrado que funcione como podréis ver en esta misma entrada.

Además el mismo plugin permite añadir botones en el editor de entradas (parte de HTML), lo cual facilita mucho la inserción del código. por cierto los lenguajes que permite insertar son: ActionScript, ASP, C, C++, C#, CSS, DELPHI, HTML, JAVA, JavaScript, MySQL, PERL, PHP, PYTHON, RUBY, SMARTY, SQL, Visual Basic, VB.NET, XML.

Para instalarlo, descarga el plugin original, descompríme el fichero y súbe a tu directorio de plugins los archivos contenidos en el directorio “ig_syntax hiliter plugin“. Toda la carpeta no, sino sólo su contenido.

Ahora configúralo a tu gusto desde el panel de administración. Puedes elegir si mostrar o no la opción de “texto plano” para facilitar el “copiar y pegar”, si quieres mostrar el lenguaje de programación del código, si quieres que el texto plano se abra en un popup o en la misma ventanita y alguna cosa más …

Para utilizarlo deberás añadir las etiquetas del lenguaje de programación correspondiente alrededor delcódigo que quieres mostrar:

[lenguaje]Código[/lenguaje]

Un truco: Inserta el código cuando ya hayas terminado de escribir la entrada. Es decir, escribe todo lo que quieras primero dejando el espacio para el código y cuando estés a punto de guardar o publicar entonces pasa al editor de HTML e inserta el código rodeado por sus etiquetas correspondientes y luego graba o publica.

Por último, para facilitarte la vida igual te interesa añadir unos botones en el Editor HTML con las etiquetas de los lenguajes que más utilices ¿no?

Editor HTML de WordPress

Para hacerlo léete el fichero “MANUAL.html” que viene en el zip del plugin y te enseña a hacerlo, deberás modificar el fichero ‘quicktags.js’ de tu instalación de WordPress (así que primero haz un backup). Por supuesto, no tienes que pegar todos los bloques sino solo los de los botones que quieras que se muestren en tu editor HTML.

Ejemplo de inserción de código:

edButtons[edButtons.length] =
new edButton('ed_shHTML'
,'HTML'
,''
,''
);

Gracias a Ayuda Wordpres por su entrada: Como Añadir Código en tus Posts – La Solución Definitiva, donde aún lo explican mejor que yo y te ofrecen una versión traducida a español de este plugin.

Did you find apk for android? You can find new Free Android Games and apps.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies