Galeria de imagens em themes antigos

Alyen

galeria - Galeria de imagens em themes antigosDesde WordPress 2.5 existe uma funcionalidade para criar galeria de imagens que permite criar coleções das nossas fotos ou capturas favoritas nos posts. Mais, muitos themes antigos não oferecem um modo adequado de mostrar este tipo de característica, ou não têm integrada essa funcionalidade, mais podemos adaptar o nosso theme.

O primeiro é fazer uma cópia do arquivo single.php de da nossa planilha, podemos colocar por exemplo galeria.php. Abrimos ele e procuramos a seguinte linha:

[sourcecode language=”php”]<?php the_content(‘Continuar’); ?>[/sourcecode]

E justo em cima desta linha adicionamos o seguinte código:

[sourcecode language=”php”]
<p class="attachment"><a href="<?php echo wp_get_attachment_url($post->ID); ?>">ID, ‘medium’ ); ?></a></p>

<div class="caption">post_excerpt) ) the_excerpt(); // este es el "caption" ?></div>
[/sourcecode]

E embaixo da mesma linha colocamos este outro código:

[sourcecode language=”php”]
<div class="imgnav">
<div class="imgleft">< ?php previous_image_link() ?></div>
<div class="imgright">< ?php next_image_link() ?></div>
</div>
<br clear="all" />
[/sourcecode]

Para finalizar temos que dar um pouco de estilo às novas funções incluidas. Com esse objeto adicionaremos as seguintes linhas ao nosso arquivo style.css:

[sourcecode language=”css”]
/**************** Galeria de Imagenes *********************/
.gallery {
text-align: center;
}
.gallery img {
padding: 2px;
height: 100px;
width: 100px;
}
.gallery a: hover {
background-color: #ffffff;
}
.attachment {
text-align: center;
}
.attachment img {
padding: 2px;
border: 1px solid #999999;
}
.attachment a: hover {
background-color: #FFFFFF;
}
.imgnav {
text-align: center;
}
.imgleft {
float: left;
}
.imgleft a: hover {
background-color: #FFFFFF;
}
.imgleft img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}
.imgright {
float: right;
}
.imgright a: hover {
background-color: #FFFFFF;
}
.imgright img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}[/sourcecode]

Para usar a funcionalidade de galerias, e que o nosso theme mostre corretamente, só temos que criar um novo post ou página, ir ao carregador de imagens do editor de WordPress, subir nossas imagens, aceder à tab da Galeria e inserír a galeria no nosso post ou página.

via ayudawordpress.com.

Temas

6 comments on “Galeria de imagens em themes antigos”

  1. Tem como colocar várias fotos na navegação do que somente as duas (previous e next)? Tipo quando usamos “Posts relacionados” que apresentam quantos post quisermos.

  2. Ok, criei o arquivo, mas e agora? pra que server pois não sei como utiliza-lo já q ao criar uma nova galeria ela aparece no corpo do proprio post (single.php).

    Gostaria de saber como faço para q a galeria seja aberta em um nova janela com layout expecifico.

    Obrigado

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Ajuda WordPress © 2024 - Todos os direitos reservados.Desenvolvido por AlyenStudio