← WordPress

Ajustar thumbnails

Lida 1690 vezes

Offline

VpR 
Membro
Mensagens 202 Gostos 3
Feedback +1

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Avatar Linux User Mobile User Search Windows User Super Combination Combination Topic Starter Poll Voter

Boas,

Alguem sabe como ajustar o thumbnails tipo fica-me assim no meu site www.arturban.net

queria ajusta-lo (a ver-se todo em pequeno) vejo sites que o thumbnails fica bem ajustado.

Cumprimentos,
vpr
Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Não percebi... :/
Offline

VpR 
Membro
Mensagens 202 Gostos 3
Feedback +1

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Avatar Linux User Mobile User Search Windows User Super Combination Combination Topic Starter Poll Voter

ficar ajustado ao quadro que tenho la.

Como está fica com muito zoom, eu queria que ficasse a ver toda a imagem ou seja fica-se ajustada.
Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Vais ter de usar uma <img> em vez de uma <div style="background:..."> para fazeres um thumbnail.

Colocar imagens de fundo numa div não te permite ajusta-la ao tamanho.
Fica sempre no seu tamanho original...






Offline

VpR 
Membro
Mensagens 202 Gostos 3
Feedback +1

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Avatar Linux User Mobile User Search Windows User Super Combination Combination Topic Starter Poll Voter

<?php if (get_post_meta($post->ID, 'thumbnails', true)){ ?>
               <div class="postimg" style="background:url('<?php echo get_post_meta($post->ID, 'thumbnails', true); ?>') no-repeat center center;">

está assim como faço para alterar para <img> basta substituir?
Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Falta o <a href=""></a>  no código que escreveste...

Vais ter que alterar para

<div class="postimg">
<a href="...."><img src="<?php echo get_post_meta($post->ID, 'thumbnails', true); ?>" width="300" height="169"/></a>
</div>

O problema é que ao alterares a estrutura do html vais ter que mudar tb o css...


Offline

VpR 
Membro
Mensagens 202 Gostos 3
Feedback +1

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Avatar Linux User Mobile User Search Windows User Super Combination Combination Topic Starter Poll Voter

realmente ficou todo torto tenho que mudar o css mas em termos do css nao percebo nada nem sei o que mudar vou investigar.

Desde já obrigado pela ajuda :D
Offline

Pedro Magalhães 
Membro
Mensagens 397 Gostos 0
Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Pois assim é complicado...

Na verdade o que tens de fazer é o seguinte:

<div>
<a href=""><span></span><img/></a>
</div>

O div segura a imagem com largura e altura.
O <a> tem o link para a pagina do item com a altura e lagura da imagem, e display:block.
O span é a mascara que tem o tamanho e lagura do thumbnail, com posicao absoluta.
A img é a thumbnail... com o mesmo tamanho e lagura do span, com posicao relativa...

Quando passas o rato sobre o span, este muda o background...

Bom trabalho!