Abr 26, 2008

Plugin Wordpress Para escribir el Codigo Html, Css, Php y mas

Leido 795 veces

Publicado por porkeno

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

PLAIN TEXT

CSS:

#red-bold{
color: red;
font-size: 12px;
font-weight: bold;
}

PLAIN TEXT

PHP:

CallSomeFunction();
//or
if ($somevariable==1) echo "hello world";

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

PLAIN TEXT

JavaScript:

edButtons[edButtons.length] =
new edButton('ed_more'
,'more'
,''
,''
,'t'
,-1
);

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

PLAIN TEXT

JavaScript:

//----- 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.

¡Compártelo!