TheDaVis Blog

Acabo de instalar el plugin Dean’s Code Highlighter 1.1 para insertar código resaltado en los posts. El plugin usa GeSHi, un proyecto para usar un sistema genérico y configurable para mostrar código resaltado en foros phpBB.

Admite muchos formatos como por ejemplo php, c, pascal, xml, csharp, java entre otros. Su uso es muy sencillo, basta con escribir tu código entre etiquetas <pre lang=”lenguaje”> Tu código </pre> y automáticamente te crea el bloque de código.

Entre las diferentes opciones que tiene este plugin, las mas importantes son la posibilidad de mostrar la numeración de las líneas de código y la de mostrar una cabecera con el tipo de código que estés escribiendo.

Ejemplo:

int len = 0;
for ( w = wstr; *w; w++ )
{
if ( *w < 0×0080 ) len++;
else if ( *w < 0×0800 ) len += 2;
else len += 3;
}

Instalación y Configuración:

1. Descarga el plugin.

2. Descomprime el archivo y sube todos los archivos a tu carpeta de plugins de WordPress.

3. Activa el plugin en la página de plugins de WordPress.

4. Añade el código CSS en tu archivo de estilos de la plantilla que uses. Normalmente este archivo se llama style.css

5. Configura las opciones del plugin usando el menú. Panel de Administración -> Opciones -> Code Highlighter.

Estilos CSS que debes añadir a tu theme:

ch_code_container {
background-color: #f0f0f0;
border: 1px solid #C3CED9;
padding: 0px 0px 0 0;
width: 100%;
text-align: left;
font-size:1.00em;
overflow:auto;
}
.ch_code_container .head
{
color: #808080;
font-weight: bold;
background-color: #f0f0ff;
border-bottom: 1px solid #d0d0d0;
padding: 2px;
}

Espero que os sirva de ayuda. Para cualquier duda o problema, aquí estoy :)

thedavis Blog, Manuales / HowTo's, Software Imprimir HowTo, plugins, Wordpress