Cómo crear una Galería de imágenes personalizada en WordPress

galeria imagenes personalizada wordpress

Crear una galería de imágenes en WordPress puede tener algunos problemas como la personalización del formato de visualización en el Web de la misma. Primero se suben las imágenes al POST y después, es posible crear una galería desde WordPress. El problema radica en que la visualización de la galería en nuestro tema no es muy personalizable.

¿Cómo podemos personalizar la galería de imágenes de un POST en WordPress?

Con el siguiente script, obtendremos las imágenes asociadas a un post, en el mismo orden de la galería (no es necesario insertar la galería en el post; basta con crearla y determinar el orden):

<?
 
$args = array(
    'numberposts' => -1, // -1 cargará todas las imágenes asociadas
    'orderby' => 'menu_order', // Imágenes en el orden del menú
    'order'=> 'ASC',
    'post_mime_type' => 'image', // Sólo imágenes
    'post_parent' => $post->ID, // Imágenes de un post en concreto
    'post_status' => null,
    'post_type' => 'attachment'
);
 
$images = get_children( $args );
 
//Si hay imágenes...
if($images){ ?>
<div id="slider">
    <?php 
     //Bucle de listado de todas las imágenes del post según orden del menú
     foreach($images as $image){ ?>
    <img src="<?php echo $image->guid; ?>" alt="<?php echo $image->post_title; ?>" title="<?php echo $image->post_title; ?>" />
    <?php    } ?>
</div>
<?php } ?>

El código es bastante sencillo y lo podremos combinar con slides u otros componentes externos, así como con timthumb u otros componentes para obtener las imágenes en un tamaño concreto empleando un recorte automático y proporcional sobre la imagen.

Fuente y más información en: code.tutsplus.com – creating your own image gallery page template in wordpress

Autor: Janmi

Janmi es un informático entusiasta de la ciencia ficción, el diseño gráfico, el universo de Tolkien, fantasía épica y otras cosas frikis. Apasionado por la tecnología, ya sea desde el punto de visto técnico, domótico, funcional o de diseño.