Estaba buscando un plugin para que a la hora de insertar código en algún post, se pueda ver claro y legible. Puesto que muchas veces hay problemas con las comillas o apóstrofes en un trozo de código, debido al tema instalado en el blog. El plugin dsfasdfa usar se llama Google Syntax Highlighter for WordPress. En otras palabras, el objetivo de éste post es conocer cómo instalar un plugin que deje así, el código que desiemos insertar en nuestro blog (ejemplo con un trozo de código en ruby):
def my_ruby_snippet blog_post.should(be_highlighted) end
Como nos podemos dar cuenta, nos da la opción de mostrar el código en texto plano, copiar al portapapeles e imprimir el código (lo traducí al español). Lo que tienes que hacer para usarlo es:
- Descargar y descomprimir el plugin desde el siguiente enlace (plugin original o traducido por mi).
- Subir la carpeta google-syntax-highlighter al sitio ftp de tu blog o donde tengas instalado Wordpress CMS, y colocar la carpeta en el directorio: wp-content/plugins/
- Activar el plugin desde el menu Plugins en tu panel de administración Wordpress.
- Para usarlo de ahora en adelante, a la hora de escribir tus posts, en la vista HTML, tienes que agregar las siguientes etiquetas de código html, junto con el código que desees agregar, de ésta manera:
Aqui va el codigo que desees publicar!
Donde “LENGUAJE”, es el alias de uno de los siguientes lenguajes de programación soportados por el plugin:
| Lenguaje | Alias |
| C++ | cpp, c, c++ |
| C# | c#, c-sharp, csharp |
| CSS | css |
| Delphi | delphi, pascal |
| Java | java |
| Java Script | js, jscript, javascript |
| PHP | php |
| Python | py, python |
| Ruby | rb, ruby, rails, ror |
| Sql | sql |
| VB | vb, vb.net |
| XML/HTML | xml, html, xhtml, xslt |
Así sería el código para un ejemplo en c#:
Console.WriteLine("Hola Mundo.. cruel");
Éste sería el resultado:
Console.WriteLine("Hola Mundo.. cruel");
Eso es todo lo que necesitas, y aquí acaba el objetivo de éste post, pero si quieres facilitar aún más la tarea, y en vez de agregar el código html manualmente; también lo puedes hacer mediante botones que podemos agregar a la vista HTML de la entrada:
Con estos botones en la vista HTML, seleccionas el código que deseas colocar en tu blog, y luego le das click en uno de ellos según sea el lenguaje. Generando el código de ésta manera:
Antes:
Despues:
Para lograr esto, debes descargar este archivo quicktags.js, el cual he modificado para agregar estos botones, y reemplazarlo por el que tengas en wp-includes/js/ . Eso es todo.
Nota: Es recomendable que a la hora de publicar tus posts, siempre lo hagas desde la vista HTML.
Enlaces a la Página del Plugin | Enlace 1 | Enlace 2
Muy bueno, gracias por compartir el plugin, no uso mucho php, javascript en mis articulos pero me parece muy útil. Un saludo
saludos, me intereza saber si este plug te ayda a crear codigo ejecutable para los post. le esplico me encuentro publicando una paguina que usa un fragmento de action script por alguna razon el editor de wordpres no me permite ejecutarlo. que em recomiendas usar en caso de qeu este plug ins no me lo permita.
@jesus gonzalez: Con este plugin solo podrás mostrar código, más no ejecutarlo. Si tu sitio está alojado en Wordpress.com, no hay manera de que tu script se ejecute pues Wordpress no lo permite. Tendrías que estar alojado en tu propio dominio y hosting descargando el software de Wordpress.org. Saludos