Komoloves

Del plugin para wordpress que vamos hablar en este artículo se llama iG:Syntax Hiliter, y nos permitirá escribir código Html, Css, Php entre otros dentro de nuestros post o artículos.

Es un plugin treméndamente útil que nos permite incrustar código de forma sencilla.
Mostramos unos ejemplos del resultado de escribir código Css o Php sin ningún problema
Si quieres más continúa leyendo

[css]
#red-bold{
color: red;
font-size: 12px;
font-weight: bold;
}
[/css]
[php]
CallSomeFunction();
//or
if ($somevariable==1) echo “hello world”;
[/php]

Instalación

• Lo primero descargar el plugin, sin plugin no podemos hacer nada, así que si estamos interesados Podemos hacer el “download” del plugin desde la página del autor en blog.igeek.info
• Lo segundo instalarlo. Escribimos el artículo basándonos en que si buscas un plugin de estas características es porque ya estas familiarizado con los plugins, y damos por echo que sabrás instalarlo sin que te de ningún problema. Así tampoco me lío más de la cuenta y vamos a lo interesante de verdad.

Configuración de Botones en el Menu “Escribir Entrada”

Este es el paso más interesante, aparte del funcionamiento del plugin. Una vez instalado y configurado a nuestro gusto desde el menu opciones, lo que ahora nos sería de buena ayuda es configurar los botones que deseamos.

En mi caso voy a explicar que botones me he instalado, que son para poder escribir Código C#, CSS, HTML, JAVA, JAVASCRIPT y PHP, puedes configurarte otros lenguajes como el Delphi, pero para el caso no nos interesa.

Para eso tenemos que situarnos en la carpeta \blog\wp-includes\js y editar el fichero quicktags.js. Buscar las lineas con el siguiente código

[js]edButtons[edButtons.length] =
new edButton(‘ed_more’
,’more’
,’‘
,”
,’t’
,-1
);[/js]

Y Justo debajo del botón “more” copiamos el siguiente código.

[js]//—– Start iG:Syntax Hiliter Plugin’s Quick Tags —–
edButtons[edButtons.length] =
new edButton(‘ed_shCSHARP’
,’C#’
,’[csharp]‘
,’[/csharp]‘
,”
);

edButtons[edButtons.length] =
new edButton(‘ed_shCSS’
,’CSS’
,’[css]‘
,’[/css]‘
,”
);

edButtons[edButtons.length] =
new edButton(‘ed_shHTML’
,’HTML’
,’[html]‘
,’[/html]‘
,”
);

edButtons[edButtons.length] =
new edButton(‘ed_shJAVA’
,’JAVA’
,’[java]‘
,’[/java]‘
,”
);

edButtons[edButtons.length] =
new edButton(‘ed_shJS’
,’JavaScript’
,’[ js ]‘
,’[ / js ]‘
,”
);

edButtons[edButtons.length] =
new edButton(‘ed_shPHP’
,’PHP’
,’[php]‘
,’[/php]‘
,”
);
//—– End iG:Syntax Hiliter Plugin’s Quick Tags —–[/js]

Ahora ya tenemos todo instalado, configurado y listo para usarse.
Saludos y Espero haberos sido de ayuda. Para cualquier duda no dudéis en comentar que os ayudaré en todo lo posible.