Como criar uma galeria de imagens Por Érico Oliveira dia 23 de Maio de 2008 às 11:53 pm | Imprimir este post

Umas das novas características do WordPress 2.5 é a possibilidade de inserir uma galeria de imagens. Quando se adiciona várias imagens no momento em que se cria um post ou uma página, todas estas imagens ficam associadas a este post ou página. Para exibi-las todas de uma só vez basta adicionar o código [gallery].

Você pode notar esta associação ao acessar o Manage Media na administração do seu WordPress e perceber que existe uma coluna chamada Appears With informando a qual post a imagem está relacionada.

Manage Media

Pesquisando um pouco mais sobre este recurso, descobri que existem vários parâmetros que podem ser configurados junto com cada galeria. Vamos conhecer alguns deles:

  • Columns: configura o números de colunas que a galeria terá, seu valor default é 3. Exemplo: [gallery columns="4"].
  • ID: especifica o ID do post, seu valor default é o ID do próprio post onde foram adicionadas as imagens, mas você pode exibir as imagens inseridas em outro post. Exemplo: [gallery id="123"].
  • Size: configura o tamanho da imagem que será exibido. O valor padrão é “thumbnail” e o valores possível são (o próprio) “thumbnail”, “medium” ou “full”. Exemplo: [gallery size="medium"].

Mais informações em Using the gallery shortcode.

Adicionar um comentário

13 comentários : “ Como criar uma galeria de imagens ”

  1. 1
    Gravatar
    Bruno Sanches :

    Não consegui pensar em uma utilidade prática para este recurso. Poderia indicar um blog que já o utiliza?

  2. 2
    Gravatar
    Felipe Fernandes Horn :

    Eu fico com a mesma dúvida do Bruno, não conheço o recurso e também não consigo visualizar uma saída pra ele.

    Abraço

  3. 3
    Gravatar
    Guy Henri :

    Érico, desculpe-me por estar postando neste tópico, mas sou iniciante na arte dos blogs e vi seu artigo: http://www.pblog.com.br/como-transferir-arquivos-utilizando-o-ftp/ .
    No entanto fiquei com muitas dúvidas.
    Se puder por favor entre em contato através de e-mail ou através do meu blog.

    Agradeço desde já a atenção.

  4. 4
    Gravatar
    João Silas :

    Excelente dica ;)

  5. 5
    Gravatar
    Érico Oliveira :

    Bruno e Felipe, a vantagem está na facilidade de inserir muitas fotos de uma só vez. Dêem uma olhada neste screencast do Matt para entender melhor.
    http://wordpress.org/development/2008/03/wordpress-25-rc2/

    Henri, dúvidas sobre WordPress devem ser postadas no Fórum!! http://forum.pblog.com.br

  6. 6
    Gravatar
    Guy Henri :

    Opa. Érico, Desculpa me passou despercebido a existencia de um Fórum!
    Irei lá agorinha.

  7. 7
    Gravatar
    Alessandro Martins :

    Muito bom, meu caro! Eu não consegui descobri como fazer para exibir a imagem, depois de clicado o thumbnail, aparecer em tamanho full e não médio… não sei se teve o mesmo problema…

    Abraços!

  8. 8
    Gravatar
    thebuffalo :

    Boa dica waleu demais!!! Não sabia desses códigos

  9. 9
    Gravatar
    Leonardo Sanchez :

    Bomm.. mas essas imagens podem ser utilizadas posteriormente ?? utilizando sua url?? qual diretoriuo elas ficam ?? ..gostaria de saber um pouquinho mais.. desde já agradeço ate+

  10. 10
    Gravatar
    Érico Oliveira :

    Leonardo, você pode sim utilizar estas imagens depois. Para visualizá-las basta acessar o Media Library no menu Manage.

  11. 11
    Gravatar
    Os melhores links - #1 | Quinta Categoria :

    [...] Como criar uma galeria de imagens (WordPress [...]

  12. 12
    Gravatar
    Como utilizar imagens para aumentar as visitas do seu blog :

    [...] mais sobre como utilizar galeria de imagens no Wordpress 2.5.1. Leia Também Técnicas SEO: Tenha Cuidado com o Uso de ImagensAssim como o menu de [...]

  13. 13
    Gravatar
    Paulo :

    Tem como colocar uma logo no canto inferior da foto?

Escreva um Comentário

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


vpn service