Galería de imágenes en themes antiguos

Desde WordPress 2.5 hay una funcionalidad de galería de imágenes que permite crear colecciones de tus fotos o capturas favoritas en los posts. Ahora bien, muchos themes antiguos no ofrecen un modo adecuado de mostrar este tipo de característica, no la tienen integrada, pero puedes adaptarlo.

Lo primero es hacer una copia del fichero single.php de tu plantilla, lo llamas por ejemplo galeria.php. Lo abres y buscas la siguiente línea:

<?php the_content('Sigue leyendo'); ?>

Y justo encima de esta línea añades el siguiente código:

<p class="attachment">
  <a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
</p>
<div class="caption">
  <?php if ( !empty($post->post_excerpt) ) the_excerpt(); // este es el "caption" ?>
</div>

Y debajo de la misma línea de arriba insertas este otro código:

<div class="imgnav">
<div class="imgleft"><?php previous_image_link() ?></div>
<div class="imgright"><?php next_image_link() ?></div>
</div>
<br clear="all" />

Para finalizar hay que darle un poco de estilo a las nuevas funciones incluidas. Con ese objeto añadiremos las siguientes líneas al fichero style.css de tu theme:

/**************** Galeria de Imagenes *********************/
.gallery {
      text-align: center;
}
.gallery img {
      padding: 2px;
      height: 100px;
      width: 100px;
}
.gallery a: hover {
      background-color: #ffffff;
}
.attachment {
      text-align: center;
}
.attachment img {
      padding: 2px;
      border: 1px solid #999999;
}
.attachment a: hover {
      background-color: #FFFFFF;
}
.imgnav {
      text-align: center;
}
.imgleft {
      float: left;
}
.imgleft a: hover {
      background-color: #FFFFFF;
}
.imgleft img {
      padding: 2px;
      border: 1px solid #999999;
      height: 100px;
      width: 100px;
}
.imgright {
      float: right;
}
.imgright a: hover {
      background-color: #FFFFFF;
}
.imgright img {
      padding: 2px;
      border: 1px solid #999999;
      height: 100px;
      width: 100px;
}

Para usar la funcionalidad de galerías, y que tu theme las muestre correctamente, solo tienes que crear un nuevo post o página, ir al cargador de imágenes del editor de WordPress, subir tus imágenes, acceder a la pestaña de la Galería e insertarla en tu post o página.

¿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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)