Galería de imágenes en themes antiguos

galeria

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.

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

¿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.

8 comentarios en “Galería de imágenes en themes antiguos”

  1. Pingback: Bitacoras.com

  2. Pues justo necesito una plantilla o un plugin para crear una galería de fotos. Estoy planteándome crear una web con wordpress para mostrar varias secciones, y una de ellas que sea una galería de fotos, a ser posible por categorías.

    Aparte de esta galería, existe algún theme que reuna estas características??? Thanks

  3. no hay ejemplo, de como quedaría?… joder.. 🙁 , ejemplo pues vista previa… ¬¬ a mi me sale igual lo mismo no veo la diferencia.

  4. Pingback: Galeria de imagens em themes antigos | Ajuda Wordpress

Deja un comentario

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

 

Ir arriba '),document.contains||document.write(''),window.DOMRect||document.write(''),window.URL&&window.URL.prototype&&window.URLSearchParams||document.write(''),window.FormData&&window.FormData.prototype.keys||document.write(''),Element.prototype.matches&&Element.prototype.closest||document.write('')Ir al contenido