Suporte » Plugins » Galeria de imagens com legenda

  • Resolvido gold9ship

    (@gold9ship)


    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)
  • 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

    Lightbox Evolution

    Criador do tópico gold9ship

    (@gold9ship)

    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

    (@gold9ship)

    Kraudio nao achei esse plugin, de qual site vc baixou? valeu

    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.

    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.

    É 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

    (@miriamdepaula)

    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.

    Tiofelix , Muito obrigada. Sua explicação era exatamente o que eu precisava!

    @krolfernan Opa! Disponha =D

    @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

    (@miriamdepaula)

    @tiofelix, ele não vai sobrescrever, mas vai dar preferencia pelo arquivo que está dentro da pasta do seu tema… =)

    @miriam é, não me expressei direito, o que eu quis dizer com sobreescrever, no caso, era exatamente o que você falou =) Muito obrigado mesmo.

    Boa Noite Tiofelix

    Tipo como faco pra editar as descrição de cada imagem.?

    Tem como fazer isso via painel?

    @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)
  • O tópico ‘Galeria de imagens com legenda’ está fechado para novas respostas.