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
-
#red-bold{
-
color: red;
-
font-size: 12px;
-
font-weight: bold;
-
}
-
CallSomeFunction();
-
//or
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
-
edButtons[edButtons.length] =
-
new edButton('ed_more'
-
,'more'
-
,'<!--more-->'
-
,''
-
,'t'
-
,-1
-
);
Y Justo debajo del botón "more" copiamos el siguiente código.
-
//----- 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 -----
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.
Tambien puedes dirigirte a
Si señor!. Un tremendísimo post que me vendra de mucha ayuda. Porque el otro día instale tal plugin y ni colorear , ni botonera ni nada por el estilo. Gracias por el apunte!.
Using