Komoloves

Blog Personal de Porkeno
Home » Ayuda Técnica » Blogs y Wordpress » Plugin WordPress Para escribir el Codigo Html, Css, Php y mas

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

abril 26th, 2008 Posted in Blogs y Wordpress, Plugins, Programacion Tags: ,

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.

4 Responses to “Plugin WordPress Para escribir el Codigo Html, Css, Php y mas”

  1. 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!.

  2. [...] This post was mentioned on Twitter by Nachzeher. Nachzeher said: @novatillasku Ejemplo: http://bit.ly/a4txIw Ejemplo 2: http://bit.ly/ae7hyM [...]

  3. Muy bueno el post.
    Por otro lado, ¿sabes de algún plugin que al instalarlo y activarlo, ponga siempre el código html ejecutado incluido en él, después de lo escrito en el post (antes de la parte de comentarios)?

    Quiero decir:
    1.- Post escrito con sus correspondientes fotos, videos, etc…
    2.- Plugin ejecutado que muestra el código introducido en él (es lo que busco)
    3.- Comentarios del post

    Es para no tener que copiar y pegar el código html de mis anuncios y links por separado en cada post que escribo, y así meterlo una vez, y así cada vez que escribo un nuevo post me sale solo.

  4. @Zherg, no se si te he entendido bien, pero podrías crearte un fichero .php con un método que te escriba el html que quieras. Después con el plugin ExecPhp podrás llamar al método.
    Estilo a http://www.komoloves.com/ayuda.....e-con-php/
    Saludos y espero ayudar

Leave a Reply