June 2011

WordPress

Excluir imagens da galeria – WordPress

Quando fazemos upload de várias imagens para um post no WordPress, temos a opção “insert gallery”.

Então é gerado um shortcode que no final gera a galeria de fotos. Um exemplo de um shortcode de galeria abaixo:

O shortcode acima gera uma galeria de fotos com o link direto para as imagens.

Mas às vezes fazemos upload de várias imagens mas só queremos que algumas sejam mostradas e outras não. Para excluir imagens dessa galeria, basta adicionar um exclude com a ID da imagem que deseja excluir, no shortcode:

Se quiser excluir mais de uma imagem da galeria, é só separar por vírgula:

Como saber qual a ID da imagem? Depois que fizer upload das imagens enquanto faz o post, salve o post como rascunho, então vá em “Media” no painel do WordPress, e ao passar o mouse em cima da imagem que quer excluir da galeria, verá que na barra de status do seu navegador, aparece a url dela, nela tem a ID. Exemplo:

Depois volte lá no post salvo, edita ele e então é só publicar.

Importante
O shortcode de galeria no post no WordPress só é possível ver se estiver postando com o modo HTML. Se estiver no modo Visual você não irá ver ele.
Onde fica esse modo HTML e Visual? Sabe o quadrado onde você digita o post? Acima dele tem duas abas “Visual” e “HTML”. Só alternar a seleção delas ;)

WordPress

Thumbnail padrão do WordPress

Nas últimas versões do WordPress (3.0 e superior) tem opção de usar thumbnail sem nenhum plugin.

Primeiro você precisa ativar essa opção de thumbnail no seu tema. Para isso adicione o código abaixo no arquivo functions.php do seu tema:

/* thumbnail */
add_theme_support( 'post-thumbnails' ); /* ativa a função */
set_post_thumbnail_size( 100, 100 ); /* define o tamanho do thumbnail no painel de controle do WordPress */
/* end thumbnail */

Feito isso, ao entrar no seu painel de controle do WordPress, e ir em “Posts/Add New”, verá que existe um campo novo, como no print abaixo:

Ao clicar em “Set featured image” ele irá abrir uma popup pra você fazer upload de uma imagem pra ser usada como thumbnail. Ou se quiser dá para escolher uma das imagens que já fez upload clicando em “Gallery” e escolhendo uma das imagens clicando em “Use as featured image”.

Depois de feito isso é só publicar o post.

Mas para isso realmente funcionar no seu tema, coloque o código abaixo (no loop – próximo ao código que gera o título do post) onde quer que apareça o thumbnail:

<?php
if( has_post_thumbnail() ) {
the_post_thumbnail( array(100,100), array( 'class' => 'post-thumbnail' ) );
} else { ?>
<img src="http://seusite.com/thumbnail-default.jpg" alt="" width="100" height="100" class="post-thumbnail"/>
<?php } ?>

No código acima é onde você altera o tamanho do thumbnail no seu tema. Onde tem 100,100 quer dizer que vai gerar um thumbnail de 100 pixels de largura e 100 pixels de altura. Você pode mudar os tamanhos, deixando por exemplo 120,90 que será 120 pixels de largura e 90 pixels de altura.
Se não tiver imagem selecionada para ser thumbnail, ele vai usar a imagem http://seusite.com/thumbnail-default.jpg, então altere esse endereço para onde você salvou a imagem que quer usar caso não seja selecionada nenhuma. E na mesma linha dessa imagem, altere os tamanhos do width e height para ficarem iguais o que você alterou no 100,100.

E se quiser pode configurar no seu css a imagem com a class post-thumbnail, por exemplo:

img.post-thumbnail {background:#fff; border:1px solid #f1f1f1; padding:3px;}

Se quiser fazer diferente os thumbnails, tem outros 2 tutoriais aqui no blog:

Trends

Happy Weekend #10

  • O Smashing Magazine tem um post com wallpapers freel do mês incluindo o calendário no mesmo. Saiu essa semana o post com os wallpapers de Junho. Tem vários wallpapers legais e agora tem alguns com opção pra baixar o wallpaper sem calendário.
  • No August Empress tem um post com uma estante de livros onde cada bloco é uma letra do alfabeto. Dá pra você montar uma frase, ou uma só palavra, e guardar livros nela. Achei muito legal, quero uma!
  • O Google agora tem botão para compartilhar conteúdo, o +1. Será que pega?
  • Uma dica bem legal para fazer os iframes, vídeos.. ficarem do tamanho que quiser, de acordo com a resolução visitada, se você tem ou faz sites para mais de uma resolução.
  • No Sixrevisions tem um freebie bem legal. Um PSD com alguns elementos para usar em sites ou blogs.
  • Tutorial Multi-Layout Portfolio com WordPress, usando custom post type. Em inglês.
  • E no Smashing Magazine tem um tema free para WordPress incluindo PSD.