Dando color al código de tus posts

Llevaba mucho tiempo buscando algún sistema para mostrar código en los post de WordPress, y es que los códigos habituales incluidos en el panel de escritura no servían en todas las ocasiones. Hay veces incluso que he optado por incluir el código en modo de captura de imagen cuando ni code ni pre, ni textarea me servían.

camiseta geek codigo

El problema es que en ocasiones WordPress no sabe distinguir cuando un código está siendo mostrado para ser visto o para ser ejecutado, y hay ciertos comandos, normalmente los susceptibles de ser incluidos en el loop de contenido o de comentarios, que no se adaptan bien a ser incluidos en una entrada.

Y en un blog como Ayuda WordPress, que en muchas de las entradas ofrecemos código para ser copiado por el lector para modificar sus plantillas o añadir funciones, necesitaba algo que permitiera mostrar código sin que este interfiriera con la presentación del blog.

Pues bien, la búsqueda terminó porque encontré WP-Syntax, un plugin basado en Ghesi (Generic Syntax Highlighting) que no solo te facilita el modo de incluir código en tus entradas sin que trate de ejecutarse sino que lo hace del modo mas elegante y visualmente atractivo posible.

El proceso para instalarlo es igual de sencillo que cualquier otro plugin, si me apuras mas porque no tienes una ventana de opciones de configuración ni nada parecido. Solo tienes que descargarlo, descomprimirlo y subir la carpeta «wp-syntax» a «wp-content/plugins» de la instalación de tu WordPress.

A partir de ahí solo tienes que tener en cuenta el procedimiento para insertar código en tus posts:

1. Debes tener presente de que tendrás que usar el modo HTML de tu editor para que funcione.

2. Luego tienes dos modos de incluir código en tus posts:

  • Con numeración de líneas: <pre lang="LANGUAGE" line="1">TU CODIGO</pre>
  • Sin numeración de líneas: <pre lang="LANGUAGE">>TU CODIGO</pre>

Donde «LENGUAJE» es el nombre del lenguaje de programación cuyo código vas a incluir, ya sea php, html, xml, xhtml, bash, java, ruby, y muchos mas que están soportados; tienes la lista completa en la barra lateral de esta página, donde pone «supported languages». Y si no indicas ningún lenguaje por defecto es PHP.

Los efectos que puedes conseguir son como en este ejemplo:

PHP (wp-config.php)

< ? php
// ** Opciones de MySQL ** //
define('DB_NAME', 'nombrebasedatos');    // El nombre de la base de datos
define('DB_USER', 'usuariomysql');     // Tu usuario de MySQL
define('DB_PASSWORD', 'clavemysql'); // ...y clave
define('DB_HOST', 'localhost');    // 99% de las veces no tienes que cambiar esto
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');

// Cambia SECRET_KEY a una frase única.  No tendrás que recordarla después,
// asi que hazla larga y complicada. Visita https://www.grc.com/passwords.htm
// para crear  una clave larga, o pon la que quieras.
define('SECRET_KEY', 'pon aqui tu frase unica'); // Cambia esto a una frase única.

// Puedes tener varias instalaciones en una sola base de datos si les das un prefijo único
$table_prefix  = 'wp_';   // Solo numeros, letras y subrayado!

// Cambia esto para traducir WordPress.  Un fichero MO para el
// idioma elegido debe instalarse en wp-content/languages.
// Por ejemplo, instalad de.mo en wp-content/languages y establece WPLANG a 'de'
// para tenerlo en aleman.
define ('WPLANG', 'es_ES');

/* Eso es todo, deja de modificar cosas. Buen blogging. */

define('ABSPATH', dirname(__FILE__).'/');
require_once(ABSPATH.'wp-settings.php');
 ? >

Así que ya sabes, si sueles incluir código en tus posts para mostrarlo a otros este es uno de los mas efectivos, aunque no perfecto porque incluye espacios extra. Seguiremos buscando.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(0 votos, promedio: 0)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido