April 3rd, 2007 by JuanK

Geshi por defecto genera código formateado inline lo cual no siempre es lo mejor puesto que se desperdicia un ancho de banda importante tan solo para colorear la sintaxis, por tal razón es muy conveniente utilizar Geshi haciendo uso de hojas de estilo css.

Para lograr dicho objetivo solo hay que hacer 2 pasos muy sencillos.

Lo primero es llamar la instrucción:

$geshi->enable_classes();

Con ello ya Geshi inicia a generar código HTML que usa hojas de silo en vez de los estilos inline, solo que con eso nada más el código ya no sale formateado… porque? porque Geshi esta usando css y no tenemos el css. así que lo segundo es obtener la hoja de estilos.

Obtener la hoja de estilos también es muy simple solo se requiere llamar a la instrucción :

$geshi->get_stylesheet();

Puntualmente para verla en pantalla en php se debe hacer:

echo $geshi->get_stylesheet();

Como obtener la hoja de estilos desde WordPress?

Dado que WordPress no permite insertar el código php es necesario modificar el archivo geshi.php del plugin, justo despues de crear el objeto geshi se coloca el comando de habilitar css:

// Global object. Can alter in template.
$geshi = new GeSHi("", GESHI_DEFAULT_LANGUAGE);
$geshi->enable_classes();

Luego, más abajo se debe buscar la función

function geshi_add_code($content)

Y justo al final adicionar

echo $geshi->get_stylesheet();

De este modo al ejecutar la página aparecera el texto del css correspondiente el cual se puede copiar para luego crear el estilo correspondiente. Una vez hecho esto se debe borrar la línea que se inserto en la función y eso es todo.

Juan Carlos Ruiz Pacheco
Ingeniero de Sistemas