Title: Galeria de imagens com legenda
Last modified: 6 agosto, 2016

---

# Galeria de imagens com legenda

 *  Resolvido [gold9ship](https://br.wordpress.org/support/users/gold9ship/)
 * (@gold9ship)
 * [14 anos, 10 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/)
 * Boa tarde galera, gostaria de um plugin semelhante ao nextgen, porem com legendas
   em baixo das fotos..
    Quero montar um site com uma pagina com imagens e embaixo
   de cada imagem uma descrição ou codigo, preciso de um plugin facil onde o cliente
   possa ele mesmo alterar as imagens sem muita dificuldade. alguem pode ajudar?
 * Abraços

Visualizando 15 respostas - 1 até 15 (de um total de 17)

1 [2](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/page/2/?output_format=md)
[→](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/page/2/?output_format=md)

 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 10 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17418)
 * Rapaz, talvez eu não tenha entendido sua pergunta direito, mas acabei de testar
   aqui com um blog meu… E o NextGen tem suporte a legendas sim =)
 * Depois que ele sobe a foto, o cliente pode ir em “Manage Gallery” no menu, e 
   escolher a galeria.
 * Lá na listagem de imagens, tem um input e uma textarea chamados de “Alt & Title
   Text / Description”
 * O que for digitado no input, será usado como alt da imagem, e o que for digitado
   na textarea, será a legenda embaixo da foto. Acabei de testar e deu certo.
 * A minha versão do NextGen é a 1.8.3
 *  [kraudio](https://br.wordpress.org/support/users/kraudio/)
 * (@kraudio)
 * [14 anos, 10 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17604)
 * Lightbox Evolution
 *  Criador do tópico [gold9ship](https://br.wordpress.org/support/users/gold9ship/)
 * (@gold9ship)
 * [14 anos, 9 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17786)
 * Tiofelix, valeu por ajudar, mas nao expliquei direito… realmente o q vc falou
   esta correto e funciona, é q eu queria legenda nas miniaturas, antes de clicar
   na imagem e sem passar o mouse sobre a imagem, tipo aparecer as miniaturas e 
   logo abaixo uma descriçao em cada uma.
    Tentei novamente aqui e realmente parece
   q o nextgen nao tem isso 🙁 Mas agradeço pela ajuda, e caso souber de algum, 
   avise me se puder, valeu abraços
 *  Criador do tópico [gold9ship](https://br.wordpress.org/support/users/gold9ship/)
 * (@gold9ship)
 * [14 anos, 9 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17787)
 * Kraudio nao achei esse plugin, de qual site vc baixou? valeu
 *  [kraudio](https://br.wordpress.org/support/users/kraudio/)
 * (@kraudio)
 * [14 anos, 9 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17788)
 * [http://codecanyon.net/item/lightbox-evolution-for-wordpress/119478](http://codecanyon.net/item/lightbox-evolution-for-wordpress/119478)
 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 9 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17789)
 * Hehehe, tinha até me esquecido dessa thread. Mas vamos lá.
 * Nunca usei o Lightbox, e por ser pago, não posso te confirmar se ele faz o que
   você procura, contudo, nós podemos fazer o next-gen da forma que você precisa.
   Vamos lá:
 * Abra o seguinte arquivo do plugin:
    **/www/wp-content/plugins/nextgen-gallery/
   view/gallery.php**
 * Preste atenção da linha 40 a 48:
 *     ```
       <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
       	<div class="ngg-gallery-thumbnail" >
       		<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
       			<?php if ( !$image->hidden ) { ?>
       			<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
       			<?php } ?>
       		</a>
       	</div>
       </div>
       ```
   
 * A tag “<img>” usada nesse trecho é simplesmente a imagem de miniatura que você
   vê na exibição da galeria no site.
 * Partindo daqui, você pode criar um “caption” logo abaixo da imagem.
 * Se você quer que ele faça parte do link, coloque-o dentro da tag “`<a>`“, senão,
   o coloque fora, logo depois dela.
 * Contudo, eu recomendo que você ponha dentro do link, para que não apareça uma
   descrição “voando” caso a imagem esteja marcada como oculta, pois como pode ver,
   há um “`if`” no qual só permite a imagem carregar caso ela não seja oculta.
 * Eu faria algo mais ou menos assim:
 *     ```
       <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
       	<?php if ( !$image->hidden ) { ?>
       	<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
       	<span class="ngg-gallery-thumbnail-caption">Descrição aqui</span>
       	<?php } ?>
       </a>
       ```
   
 * Note como eu coloquei um “`<span>`” logo após a imagem. Daí basta editar o css
   da classe para que apareça no formato, cor, tamanho e etc da forma que você deseja.
   Exemplo:
 *     ```
       .ngg-gallery-thumbnail-caption {
       	display: inline-block;
       	width: 100%;
       	text-align: center;
       	font-size: 12px;
       	color: #FFFFFF;
       	background-color: #494F5E;
       	text-decoration: none;
       }
       ```
   
 * Depois de ajeitar o CSS da forma que você deseja, só vai existir um problema:
   Todas as miniaturas estarão com um texto padrão. No caso, “descrição aqui”.
 * Não há problema, pois existe uma varíavel no mesmo arquivo que retorna a descrição
   que é inserida exatamente naquele mesmo formulário que mencionei no post anterior.
   Basta trocar para isso:
 *     ```
       <span class="ngg-gallery-thumbnail-caption"><?php echo $image->description ?></span>
       ```
   
 * Bom, creio que seja isso =) Boa sorte, gold9ship.
 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 9 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17790)
 * Ahn sim, esqueci de avisar no post anterior… Cuidado ao atualizar o plugin, pois
   você irá perder as mudanças que fez e terá que fazer novamente. Mantenha sempre
   um backup.
 *  [br3wow](https://br.wordpress.org/support/users/br3wow/)
 * (@br3wow)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17807)
 * É possível agregar o caption abaixo das miniaturas com recurso do próprio NextGen.
   Utilize o código abaixo:
    [nggallery id=1 template=caption], aonde id=1 é número
   da galeria a ser exibida.
 *  Moderador [Míriam de Paula](https://br.wordpress.org/support/users/miriamdepaula/)
 * (@miriamdepaula)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17808)
 * Você pode criar um template diferenciado para suas galerias, para exibir suas
   imagens da forma que quiser…
 * Basta criar uma pasta chamada `/nggallery/`dentro da pasta do seu tema.
 * Pegue o arquivo **gallery.php** como base para o seu template e salve-o com outro
   nome assim:
 * gallery-**template1**.php
 * No post, use o shortcode assim:
 * `[nggallery id=1 template=template1]`
 * Fazendo dessa forma, você não vai precisar se preocupar com as atualizações do
   plugin, pois seu template estará salvo dentro da pasta do seu tema … =)
 * #ficaadica!
 * abs.
 *  [krolfernan](https://br.wordpress.org/support/users/krolfernan/)
 * (@krolfernan)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17809)
 * Tiofelix , Muito obrigada. Sua explicação era exatamente o que eu precisava!
 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17810)
 * [@krolfernan](https://br.wordpress.org/support/users/krolfernan/) Opa! Disponha
   =D
 * [@miriam](https://br.wordpress.org/support/users/miriam/) Então… Se eu criar 
   dentro do meu tema uma pasta com o mesmo nome da pasta do plugin, e um arquivo
   com o mesmo nome, ele vai meio que SOBREESCREVER? Agradeço muito se puder confirmar,
   pois isso vai ser muito útil =D
 *  Moderador [Míriam de Paula](https://br.wordpress.org/support/users/miriamdepaula/)
 * (@miriamdepaula)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17811)
 * [@tiofelix](https://br.wordpress.org/support/users/tiofelix/), ele não vai sobrescrever,
   mas vai dar preferencia pelo arquivo que está dentro da pasta do seu tema… =)
 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 4 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17812)
 * [@miriam](https://br.wordpress.org/support/users/miriam/) é, não me expressei
   direito, o que eu quis dizer com sobreescrever, no caso, era exatamente o que
   você falou =) Muito obrigado mesmo.
 *  [cardim86](https://br.wordpress.org/support/users/cardim86/)
 * (@cardim86)
 * [14 anos, 2 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17814)
 * Boa Noite Tiofelix
 * Tipo como faco pra editar as descrição de cada imagem.?
 * Tem como fazer isso via painel?
 *  [tiofelix](https://br.wordpress.org/support/users/tiofelix/)
 * (@tiofelix)
 * [14 anos, 2 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/#post-17815)
 * [@cardim86](https://br.wordpress.org/support/users/cardim86/) Amigo, a resposta
   da sua dúvida tá dentro do meu primeiro comentário dessa thread. Vou colar aqui
   novamente =)
 * > Lá na listagem de imagens, tem um input e uma textarea chamados de “Alt & Title
   > Text / Description”
   > O que for digitado no input, será usado como alt da imagem, e o que for digitado
   > na textarea, será a legenda embaixo da foto.

Visualizando 15 respostas - 1 até 15 (de um total de 17)

1 [2](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/page/2/?output_format=md)
[→](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/page/2/?output_format=md)

 O tópico ‘Galeria de imagens com legenda’ está fechado para novas respostas.

## Tags

 * [descrição](https://br.wordpress.org/support/topic-tag/descricao/)
 * [foto](https://br.wordpress.org/support/topic-tag/foto/)
 * [Galeria](https://br.wordpress.org/support/topic-tag/galeria/)
 * [legenda](https://br.wordpress.org/support/topic-tag/legenda/)
 * [NextGen](https://br.wordpress.org/support/topic-tag/nextgen/)

 * Em: [Plugins](https://br.wordpress.org/support/forum/plugins-e-codigos/)
 * 17 respostas
 * 7 participantes
 * Última resposta de: [cardim86](https://br.wordpress.org/support/users/cardim86/)
 * Última atividade: [14 anos, 2 meses atrás](https://br.wordpress.org/support/topic/galeria-de-imagens-com-legenda/page/2/#post-17817)
 * Estado: resolvido

## Tópicos

### Tópicos mais populares

### Tópicos sem respostas

### Tópicos não relacionados a suporte

### Tópicos resolvidos

### Tópicos não resolvidos

### Todos os tópicos