Como pegar o caminho da imagem destacada no WordPress


Postado em 26 de julho de 2013 por | Categorias: Thumbnail | Tags: | 1 Comentário » | Comentar


Use o comando abaixo para pegar o caminho da imagem destacada de um post ou página no WordPress. Este comando deve ser utilizado após o comando the_post().

//Get the Thumbnail URL
$src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'slider_capa' );

Verificar se existe imagem em destaque no post


Postado em 1 de março de 2011 por | Categorias: Thumbnail | 1 Comentário » | Comentar


Use o comando has_post_thumbnail() para verificar se existe uma imagem em destaque no post. Os códigos abaixo exibem uma imgagem alternativa caso não exista uma imagem cadastrada para o post.

<?php if ( has_post_thumbnail() ) { ?>
 <? the_post_thumbnail( 'equipe' ); ?>
 <?php }else{ ?>
 <img src="<? bloginfo('stylesheet_directory'); ?>/images/avatar-equipe.jpg" alt="Equipe"/>
 <?php } ?>

Exibir imagem de um Custom Post Types


Postado em 24 de janeiro de 2011 por | Categorias: Custom Post Types, Thumbnail | Tags: | Sem comentários » | Comentar


Abaixo dois exemplos de como exibir uma imagem de um Custom Post Type em dois loops diferentes na mesma página. O primeiro loop vai pegar um post de forma randômica do Custom Post Type regsitrado como banners:


<?

$args = array(
 'numberposts' => 1,
 'post_type'=>'banners',
 'orderby'=>'rand'
 );

 $posts_blog = get_posts($args);
 foreach($posts_blog as $blogp){

 the_post_thumbnail( 'banner_pagina' );
 $post_imagem = get_the_post_thumbnail($blogp->ID, 'banner_pagina');
 echo $post_imagem;
 }

 ?>

Já os egundo loop vai exibir as imagens dos Custom Post Types registrados com o nome de clientes ordenados  pelo título  de forma ascendente. As imagens são exibidas em 4 colunas (4 div’s inline) onde a váriavel  contador controla onde será inserido a div com a quebra de linha das colunas.


<?php query_posts( array( 'post_type' => 'clientes',  'orderby' => 'title', 'order' => 'ASC', 'showposts' => 16) );?>

 <?php $contador_registros = 1; ?>

 <?php if(have_posts()) : ?><?php while(have_posts()) : the_post() ?>

<div><? the_post_thumbnail( 'clientes_capa' ); ?></div>

 <?php if ($contador_registros == 4) {

 //zera o contador
 $contador_registros = 0;

 //imprime quebra de div CLEAR
 ?>

 <div style="height:15px; clear: both;"></div>

 <?php } ?>
                < ?php $contador_registros = $contador_registros + 1; ?>
 <?php endwhile; else : ?>

Não esqueça de regsitrar a função post_thumbnail  no arquivo functions.php

// Add Post Thumbnail Theme Support
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 217, 317, true );
add_image_size( 'banner_pagina', 934, 201, true );
add_image_size( 'clientes_capa', 87, 55, true );
} 

Miniatura (Thumbnail) do Post


Postado em 9 de setembro de 2010 por | Categorias: Thumbnail | Tags: | Sem comentários » | Comentar


Ativando a seção de inserção de miniatura (imagem destacada) dentro do post no WordPress. Em primeiro lugar é necessário declarar o suporte a esta funcionalidade no arquivo functions.php dentro da pasta do tema. Este procedimento vai ativar o interface no painel de administração do WordPress.

add_theme_support( 'post-thumbnails', array( 'post' ) ); // Adicionar para Posts
add_theme_support( 'post-thumbnails', array( 'page' ) ); // Adicionar para Páginas

Para ativar o suporte de thumbnais somente nos psots utilize:

add_theme_support( 'post-thumbnails' );

Defina os tamanhos das miniaturas da seguinte forma:

// Add Post Thumbnail Theme Support
if ( function_exists( 'add_theme_support' ) ) {
 add_theme_support( 'post-thumbnails' );
 set_post_thumbnail_size( 217, 317, true );
 add_image_size( 'imagem_post', 117, 117, true ); // 117x117 size
 add_image_size( 'imagem_destaque_capa', 638, 393, true ); // 638x393
 add_image_size( '950', 950, 9999 ); // 950 image size
}

Podemos adicionar mais tamanhos se for necessário, basta acrescentar mais linhas seguindo o seguinte parâmetro: add_image_size( $nome, $largura, $altura, {$switch_hard_crop} );, e no tema, para usar este novo tamanho, basta passar o $nome para a função the_post_thumbnail( $nome );

$switch_hard_crop indica o método que será usado na miniatura. Existem dois métodos de corte das imagens: box-resizing (redimensionamento proporcional) e hard-cropping (corte à dimensão).  O box-resizing faz um redimensionamento proporcional à imagem até esta caber na “caixa” que definimos com a altura e largura. A outra opção é o hard-cropping. Neste modo a imagem é cortada para se acomodar exactamente às dimensões que definimos para a nossa miniatura. O benefício é temos exactamente aquilo que pretendemos a nível de dimensões, mas a imagem será cortada (quer dos lados como do topo e da parte de baixo) para caber nelas.

Abaixo um exemplo que verifica se o post tem imagem para exibir na tela, este exemplo tem que estar dentro do loop de posts:

<?php if ( has_post_thumbnail() ) { ?>

 <div style="float:left; width:120px; display:inline;">
 <? the_post_thumbnail( 'imagem_post' ); ?>
 </div>

 <div style="float:right; display:inline; width:460px;">
 <?php the_excerpt(); ?>
 </div>

 <? } else { ?>

 <?php the_excerpt(); ?>

 <? } ?>

Para saber mais visite:  http://wp-portugal.com/2010/02/20/miniatura-thumbnail-do-post-como-implementar/


Categorias

Links

Tags

Autor do post bloginfo() Caminho do tema Campos Personalizados Categorias Codificação UTF8 Contac form 7 CSS Custom fields Custom Post Types data Dividir string explode() Formatação de datas Formatação de Hora get_ get_option() get_page_template() get_the_terms get_the_title() Hora IMG is_single() Janelas Links Lista de Categorias Lista de Posts Lista de ùltimos posts location.href Paginação Post_name Query_posts register_sidebar Sidebar the_author_nickname() the_category() the_tags() the_time() Titulo da página UFT8_encode UTF8 UTF8_decode Widgets wp_list_categories() âncoras

Copyright © 2017  |   W-Pedia – Wikipedia Wordpress BR  |  produzido por Henderson C. Torres