Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Spyder.RV

Como forçar a primeira imagem a ser a miniatura?

Recommended Posts

Quero forçar sempre a primeira imagem a ser a miniatura de um post quando os mesmos são listados... e também quero ter o controle do tamanho da miniatura...


Existe algum plugin que já facilita isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites
the_post_thumbnail();                  // without parameter -> 'post-thumbnail'

the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large');           // Large resolution (default 640px x 640px max)
the_post_thumbnail('full');            // Full resolution (original size uploaded)

the_post_thumbnail( array(100,100) );  // Other resolutions

Fonte: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

 

Com o array você chama o thumb e informa Largura x Altura e os outros você usa as configurações padrões

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

the_post_thumbnail();                  // without parameter -> 'post-thumbnail'

the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large');           // Large resolution (default 640px x 640px max)
the_post_thumbnail('full');            // Full resolution (original size uploaded)

the_post_thumbnail( array(100,100) );  // Other resolutions

Fonte: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

 

Com o array você chama o thumb e informa Largura x Altura e os outros você usa as configurações padrões

 

Entendi... então no caso eu tenho que editar o tema na exibição da chamada do post e forçar que exiba a miniatura em vez de exibir a imagem completa... Saquei!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Outro detalhe que me ocorreu... o tema mostra os posts usando a função the_content()...

 

Nao tô percebendo como alterar o the_content para mudar a primeira imagem para miniatura na listagem dos posts

Compartilhar este post


Link para o post
Compartilhar em outros sites
<article id="post-<?php the_ID(); ?>" <?php post_class('border-box'); ?>>
	
	<a href="<?php esc_url(the_permalink()) ?>" rel="bookmark"><?php the_post_thumbnail('featured_image'); ?></a>
		
	<div class="post-title-wrap clearfix">
		<span class="meta-date">
			<?php printf(__('<a href="%1$s" title="%2$s" rel="bookmark"><time datetime="%3$s">%4$s</time></a>', 'zeeFocus_language'), 
					esc_url( get_permalink() ),
					esc_attr( get_the_time() ),
					esc_attr( get_the_date( 'c' ) ),
					esc_html( get_the_date() )
				);
			?>
		</span>
		<h2 class="post-title"><a href="<?php esc_url(the_permalink()) ?>" rel="bookmark"><?php the_title(); ?></a></h2>
	</div>

	<div class="entry clearfix">
		<?php 
			the_post_thumbnail('thumbnail');
			the_content(__('<span>Leia mais...</span>', 'zeeFocus_language')); /*   #### AQUI ####
		?>
		<div class="page-links"><?php wp_link_pages(); ?></div>
	</div>
		
		
	<div class="postmeta"><?php themezee_display_postmeta(); ?></div>
</article>

Eu até pensei em tentar fazer um replace usando o hook the_content, mas o que substituir? Não basta trocar a classe size-full pela size-thumbnail... tem que trocar todo o <img src... para cada post.

 

Abaixo o replace que tentei fazer:

function replace_content($content){

	if(!is_single()):
		$content = str_replace('size-full', 'size-thumbnail',$content);
	endif;

	return $content;
}
add_filter('the_content','replace_content');

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

<article id="post-<?php the_ID(); ?>" <?php post_class('border-box'); ?>>
	
	<a href="<?php esc_url(the_permalink()) ?>" rel="bookmark"><?php the_post_thumbnail('featured_image'); ?></a>
		
	<div class="post-title-wrap clearfix">
		<span class="meta-date">
			<?php printf(__('<a href="%1$s" title="%2$s" rel="bookmark"><time datetime="%3$s">%4$s</time></a>', 'zeeFocus_language'), 
					esc_url( get_permalink() ),
					esc_attr( get_the_time() ),
					esc_attr( get_the_date( 'c' ) ),
					esc_html( get_the_date() )
				);
			?>
		</span>
		<h2 class="post-title"><a href="<?php esc_url(the_permalink()) ?>" rel="bookmark"><?php the_title(); ?></a></h2>
	</div>

	<div class="entry clearfix">
		<?php 
			the_post_thumbnail('thumbnail');
			the_content(__('<span>Leia mais...</span>', 'zeeFocus_language')); /*   #### AQUI ####
		?>
		<div class="page-links"><?php wp_link_pages(); ?></div>
	</div>
		
		
	<div class="postmeta"><?php themezee_display_postmeta(); ?></div>
</article>

Eu até pensei em tentar fazer um replace usando o hook the_content, mas o que substituir? Não basta trocar a classe size-full pela size-thumbnail... tem que trocar todo o <img src... para cada post.

 

Abaixo o replace que tentei fazer:

function replace_content($content){

	if(!is_single()):
		$content = str_replace('size-full', 'size-thumbnail',$content);
	endif;

	return $content;
}
add_filter('the_content','replace_content');

 

Então mais o the_content puxa o texto as thumbnails estão ali olha:

 

<?php the_post_thumbnail('featured_image'); ?>
the_post_thumbnail('thumbnail');

 

Explique o que você precisa com detalhes por favor.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ah entendi você quer gerencias as imagens adicionadas no post?

 

the_post_thumbnail('thumbnail'); puxa a imagem do destaque

 

explica a lógica do que você precisa por favor

Compartilhar este post


Link para o post
Compartilhar em outros sites

ah entendi você quer gerencias as imagens adicionadas no post?

 

the_post_thumbnail('thumbnail'); puxa a imagem do destaque

 

explica a lógica do que você precisa por favor

 

Heitor, veja o link que passei anteriormente: http://www.vereador24horas.com.br/topico/vereadores/ aqui mostra a primeira imagem, eu quero que ela seja exibida como miniatura e não a imagem no tamanho que foi inserida na postagem (que é o que tá acontecendo)...

 

Eu não criei uma página para isso, preciso alterar a página do tema pra exibir isso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Heitor, veja o link que passei anteriormente: http://www.vereador24horas.com.br/topico/vereadores/ aqui mostra a primeira imagem, eu quero que ela seja exibida como miniatura e não a imagem no tamanho que foi inserida na postagem (que é o que tá acontecendo)...

 

Eu não criei uma página para isso, preciso alterar a página do tema pra exibir isso...

Veja seu código:

<div class="entry clearfix">
		<?php 
			the_post_thumbnail('thumbnail');
			the_content(__('<span>Leia mais...</span>', 'zeeFocus_language')); 
		?>
		<div class="page-links"><?php wp_link_pages(); ?></div>
	</div>

No lugader de: the_post_thumbnail('thumbnail'); você altera para : the_post_thumbnail( array(150,150) );

 

Ou crie uma classe no array, se liga: <?php the_post_thumbnail(array('class' => 'imgvereador')); ?> e depois cria no css:

 

.imgvereador{

width: 150px;

height: 150px;

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso não funciona... porque NÃO TEM thumbnail ou imagem destacada definidos no post... só tem imagens normais... e quero alterar para que a primeira seja uma miniatura

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.