Visor de código para WordPress

Enero 10, 2007

Es común incluir código en nuestros post pero esta tarea resulta complicada debido a que algunas veces el código es interpretado o no se muestra como lo deseamos.

Para solucionar este problema y ahorrarnos tiempo podemos usar Code Viewer.

Code Viewer lee el código que coloquemos en una carpeta específica y lo convierte para mostrarlo correctamente, cambiando caracteres extraños por símbolos HTML y dando saltos de línea para evitar que aparezca el “scroll” horizontal, además imprime los números de línea.

Para usarlo debemos:

1. Descargar el plugin desde su página oficial o si deseas una modificación en español.
2. Descomprimir el archivo.
3. Cambiar $default_path (Linea 12) por tu URL en el archivo code-viewer.php.
4. Cambiar la extensión del archivo .txt por php.
5. Subir el archivo y colocarlo en wp-content/plugins/
6. Activar el plugin desde el administrador de WordPress en Plugins

Para usarlo debes colocar el archivo con tu código, en la carpeta que definiste $default_path e incluir en lugar que deseas mostrar tu código lo siguiente:

1. <viewcode src="archivo" link="yes" />

Nota el parámetro “link”, este determina si el código puede ser descargado o no

Si deseas personalizar la forma como se muestra el código puedes incluir la clase “codelist” en el archivo css que use tu template.

Por ejemplo yo personalice a code view usando el siguiente código:

1. .codelist{
2. border: 1px solid #F0F0F0;
3. }
4.  
5. .codelist li{
6. background-color:#F8FAF2;
7. border: 1px solid #F0F0F0;
8. }

Entrada almacenada bajo: WordPress

Este post ha sido visto 686 veces