Colorear código en Wordpress
July 07, 08 by G2 | Puesto en Design, Herramientas, tutorialInspirado en el post de Vinagreasesino donde se buscaba dar estilo al código en WordPress he encontrado un plugin para Wordpress y paso a detallar el proceso de instalación:
Primero descargamos el CodeColorer desde el directorio de plugins de Wordpress.
Luego deszipeamos el archivo y subimos el directorio codecolorer a la carpeta wp-content/plugins/.
Luego renombramos el archivo wp-content/plugins/codecolorer/codecolorer.css.in a wp-content/plugins/codecolorer/codecolorer.css
En mi caso estoy buscando colorear el código php y le añadido estas lÃneas al final del codigo de codecolorer.css :
.php .codecolorer .kw2 { color: #000066; }
.php .codecolorer .kw3 { color: #3300CC; }
.php .codecolorer .kw4 { color: #DDE93D; }
.php .codecolorer .kw5 { color: #999966; }
.php .codecolorer .st0 { color: #333333; }
.php .codecolorer .es0 { color: #c3c3c3; }
.php .codecolorer .br0 { color: #330066; }
.php .codecolorer .nu0 { color: #CC0000; font-weight: bolder; }
.php .codecolorer .re0 { color: #000033; }
.php .codecolorer .re1 { color: #FFCC00; }
.php .codecolorer .re3 * { color: #FFFFFF; }
.php .codecolorer .re4, .php .codecolorer .re4 * {
color: #64A2FF;
}
.php .codecolorer .co1, .php .codecolorer .co2,
.php .codecolorer .coMULTI { color: #006633; }
Luego vamos al panel de control y activamos el Plugin.
Para su configuración vamos a opciones de configuración y ahà nos aparece este formulario :
Aquà solo he cambiado el capo de CSS Style para que se adapte al diseño de mi blog y es asà como los he dejado :
Y active las opciones de Show line numbers(mostrar número de lÃneas) y Disable keyword linking (desactive los links de las funciones de php).
Después de todo estos pasos ya tenemos instalado nuestro plugin colorerdecoder con el cual, yo buscaba colorear el código php, y también aplicarlo a cualquier código y es asà como lo uso :
[ cc lang="php"]codigo[/ cc] o <code lang="php">code</cc> ó también simplemente <code> código </code>
Como verán en este post he estado haciendo uso de este plugin y va de lujo!!
Saludos!!
Descarga CodeColorer.
konkdekilo Says: 12.12.08 at 11:20 pm
Una pregunta se prodria utilizar para ver el editor de temas asi tambien
un saludo!