Tema personalizado para SyntaxHighlighter Evolved

Diseño Web, Wordpress

El plugin que uso para insertar código en el blog, actualmente, es el SyntaxHighlighter Evolved y tiene varios temas predefinidos pero si no nos gusta ninguno podemos crear nuestro propio tema como podemos ver en la web del autor.

Para ello es tan simple como crear en nuestro archivo functions.php de nuestro tema el siguiente código

[php]
wp_register_style(
‘syntaxhighlighter-theme-nombredenuestrotema’,
‘rutadelarchivo.css’,
array( ‘syntaxhighlighter-core’ ),
‘1.2.3’
);
add_filter( ‘syntaxhighlighter_themes’, ‘nombredelafuncionquequeramos’ );

function nombredelafuncionquequeramos( $themes ) {
$themes[‘nombredenuestrotema’] = ‘El nombre de nuestro tema';

return $themes;
}
[/php]

En mi caso he copiado el css del tema por defecto del plugin y lo copiado en la raiz de mi directorio de mi tema de wordpress y lo renombre a shThemeMemorias.css y el código me quedó así:

[php]
wp_register_style(
‘syntaxhighlighter-theme-memorias’,
get_template_directory_uri().’/shThemeMemorias.css’,
array( ‘syntaxhighlighter-core’ ),
‘1.2.3’
);
add_filter( ‘syntaxhighlighter_themes’, ‘addThemeSyntaxhighlighter’ );

function addThemeSyntaxhighlighter( $themes ) {
$themes[‘memorias’] = ‘Memorias';

return $themes;
}
[/php]

Y wuala! ya puedo quitar el borde verde de los numeros xDD del tema por defecto sin riesgo de que al actualizar el plugin en un futuro (que habrá que hacerlo que parece que no funciona con la version 3.3 de wordpress) sobrescribamos nuestras modificaciones.

Deja un comentario

  • (will not be published)


3 + 2 =