Imagen FeedSoyPlastic | Video: Los Gremlins se cuelan en todas las películas

Publicado por Fernando Tellado | 11 Mayo 2008

Como usar la Galería de WordPress

En WordPress 2.5, la característica de Galería permite la posibilidad de añadir una galería de imágenes a una entrada o página de tu blog WordPress.

El código corto

CODE:
  1. [gallery]

se puede utilizar en una entrada o página para mostrar una galería de miniaturas de imágenes adjuntas a esa entrada, ofreciendo enlaces permanentes para cada imagen por separado al hacer clic sobre ellas

Se puede utilizar en su forma mas simple, que es lo mismo que añadirla desde la utilidad de Adjuntar Medios, y sería este código:

CODE:
  1. [gallery]

Pero hay varias opciones que pueden especificarse, utilizando esta sintaxis básica:

CODE:
  1. [gallery opción1="valor1" optión2="valor2"]

Las opciones básicas incluidas son las siguientes:

Columnas (columms)

Especifica el número de columnas. La galería incluirá una etiqueta de salto en final de cada fila, y calcula el ancho de columna adecuado. El valor por defecto es 3. Si se establece la columna a 0 no habrá salto de fila. Por ejemplo, para mostrar una galería a 4 columnas sería así:

CODE:
  1. [gallery columns="4"]

Id (id)

Especifica el ID de la entrada. La galería mostrará las imágenes asociadas a esa entrada. El comportamiento por defecto sin no se especifica un ID es mostrar las imágenes asociadas a la entrada actual. Por ejemplo, para mostrar las imágenes asociadas a la entrada 123:

CODE:
  1. [gallery id="123"]

Tamaño (size)

Especifica el tamaño de imagen a usar para mostrar la miniatura. Los valores válidos disponibles son "thumbnail", "medium" y "full". El valor por defecto es "thumbnail". Por ejemplo, para mostrar la galería en tamaño medio pondrías:

CODE:
  1. [gallery size="medium"]

También hay otras avanzadas disponibles:

Ordenar por (orderby)

Especifica el orden utilizado para mostrar las miniaturas. Por defecto se muestran como "menu_order ASC, ID ASC".

Etiqueta del elemento (itemtag)

El nombre de la etiqueta XHTML utilizada para incluir cada elemento de la galería. El valor por defecto es "dl".

Etiqueta del icono (icontag)

El nombre de la etiqueta XHTML utilizada para incluir cada icono de miniatura de la galería. El valor por defecto es "dt".

Etiqueta de la captura (captiontag)

El nombre de la etiqueta XHTML utilizada para insertar cada captura. El valor por defecto es "dd". Por ejemplo, para cambiar el modo de muestra de la galería y usar etiquetas div, span y p:

CODE:
  1. [gallery itemtag="div" icontag="span" captiontag="p"]

Gracias

También te puede interesar:

22 comentarios | Escribe un comentario

  1. JokinSu (30 comentarios) - 11/05/2008 a las 12:06

    De la galería lo que no me gusta es que al clickear en una imagen se cargue otra página con la imagen.

    A mí me gusta más ver la imagen sola cuando clickeo en ella

  2. Parasite (14 comentarios) - 11/05/2008 a las 16:17

    Genial entrada, Fernando.

    Al hilo de lo que dice JokinSu, ¿no hay aún ningún visualizador Flash para la 2.5?

    Un saludo.

  3. Fernando Tellado (807 comentarios) - 11/05/2008 a las 16:43

    Cualquiera de los miles de Lightbox podría servir :)

  4. JokinSu (30 comentarios) - 11/05/2008 a las 23:48

    Yo utilizo FancyZoom
    http://www.cabel.name/2008/02/fancyzoom-10.html

    Si quieres verlo en acción pásate por http://www.jokinsu.com y pulsa en las imágenes que se pueden ampliar

    Un saludo

  5. Parasite (14 comentarios) - 12/05/2008 a las 0:58

    Muchas gracias, Jokin, el efecto es espectacular. Lo que no me queda claro es dónde subir los archivos, ya que no lo consigo hacer funcionar…

  6. Fernando Tellado (807 comentarios) - 12/05/2008 a las 0:59

    ¡Anda que chulo, no lo conocía!

    A ver si este no interfiere con el jQuery de nuestras tabs. Gracias por compartirlo, es genial ;)

  7. Parasite (14 comentarios) - 12/05/2008 a las 1:15

    Nevermind, ya está funcionando ;-)

  8. JokinSu (30 comentarios) - 12/05/2008 a las 21:58

    Si os parece preparo un mini tutorial y se lo envío a Fernando…quizá le pueda ser de utilidad a más de uno.

    Un saludo

  9. JokinSu (30 comentarios) - 12/05/2008 a las 23:06

    Al final, he publicado un minitutorial en JokinSu. Fernando si lo ves de interés, puedes cogerlo para publicarlo aquí.

    http://www.jokinsu.com/jokinsu/fancyzoom-aplicando-zoom-a-nuestras-imagenes-en-wordpress/

    Un saludo

  10. Fernando Tellado (807 comentarios) - 13/05/2008 a las 0:19

    Hecho Jokinsu, buen trabajo ;)

  11. Luis (11 comentarios) - 13/05/2008 a las 7:14

    Hola chicos, una pregunta, cuando agrego [gallery] a un post en el index se ve la galería, pero si le doy clic y estoy en el single, solo se ve la palabra [gallery] y no muestra las imágenes. Que podría ser?

  12. JokinSu (30 comentarios) - 13/05/2008 a las 12:34

    Ok, perfecto Fernando.

    Un saludo

  13. Exámenes CIFH » Archivo del Blog » Usar la galería de Wordpress - 17/05/2008 a las 22:09

    [...] Artículo original [...]

  14. guardafaro (6 comentarios) - 18/05/2008 a las 20:02

    Cuando comencé a leer el artículo me pareció que estaba dirigido a quien sabe poco, pero no es así. Lo que no has dicho es lo que falta.
    Si subo las imágenes a través de la funcionalidad “Adjuntar Media” se abre la ventana para ingresar la URL de la imagen o bien para buscarla en el PC (seleccionar los archivos a subir). Una vez seleccionada la imagen y colocada la leyenda y descripción (optativos) seleccionamos la URL del enlace (que debe ser la URL de la entrada para que nos enlace con la imagen en las dimensiones que queremos). El tamaño de estas miniaturas de la galería viene prefijado en “Medio” y no en Miniatura.
    Este método nos insertará las imágenes directamente en el post, una al lado de la otra, mientras quepan. Revisando el código, por ninguna parte encontraremos [gallery] para añadirle opciones como [gallery columns="4"].
    Dices: “…se puede utilizar en una entrada o página para mostrar una galería de miniaturas de imágenes adjuntas a esa entrada…” Lo que se te quedó en el tintero, para los principiantes, es cómo subir las imágenes, no para insertarlas directamente, sino para ASOCIARLAS a esa entrada y llamarlas con la función [gallery] con las opciones adicionales que queremos darle y que sí explicas.

  15. harold (10 comentarios) - 25/05/2008 a las 19:36

    alguin me puede decir k se necesita para crae una galria haci

  16. rafael (3 comentarios) - 19/06/2008 a las 1:48

    donde puedo descargar el plugin de la galeria

  17. Fernando Tellado (807 comentarios) - 19/06/2008 a las 8:07

    rafael, no es un plugin, viene integrado en WP 2.5 ;)

  18. Hery Emmanuel (5 comentarios) - 20/07/2008 a las 23:09

    Yo utilizo wordpress para manejar una gran cantidad de galerias, cada post pesa en promedio 1MB por la imagenes. Pero eso hace añicos mi servidor pues supuestamente se cargan miniaturas pero lo unico que hace es redimensionar la imagen original, un ejemplo una galeria de 20 imagenes, por cada imagen:

    350px × 480px (escalado a 100px × 100px)

    Y en realidad se estan cargando 20 imagenes de 350 x 480 cada vez que visualizan un post y contra eso ni el super chache puede.

    Mi pregunta es si eso es problema del theme que utilizo o de wordpress.

  19. Fernando Tellado (807 comentarios) - 21/07/2008 a las 0:33

    @Hery, en realidad WP no te carga las imágenes completas sino copias mas pequeñas que genera. solo tienes que revisar tu carpeta de uploads para comprobarlo ;)

  20. Hery Emmanuel (5 comentarios) - 21/07/2008 a las 3:13

    Fernando es bastante extraño, con otro blog y pero con el mismo theme me muestra perfecto las miniaturas creadas. Y en el que tengo el problema solo las redimensiona.

  21. Fernando Tellado (807 comentarios) - 21/07/2008 a las 8:41

    @Hery: revisa los permisos de escritura de las carpetas de uploads, que tengan ambos blogs los mismos ¿es la misma versión la de ambos blogs?

  22. Hery Emmanuel (5 comentarios) - 21/07/2008 a las 18:15

    Todos estan en 755, son diferentes versiones la que no da el problema es la 2.5 y la problematica la 2.5.1.

    Con la actualizacion a 2.6 se me ha solucionado el problema. bastante extraño.

    Muchas gracias Fernando.

Escribe un comentario




XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

LO ÚLTIMO EN LOS FOROS

Loading...

Advertise Here
Chitika Referral
Performancing Hive
Social Media Marketi