Arquivo

Textos com Etiquetas ‘upload’

WordPress 2.9: como usar as miniaturas automáticas

18, dezembro, 2009

A versão nova do WordPress chegou, e entre as novidades a principal é a das imagens (miniaturas) automáticas em posts, ou “post thumbnails”.

O que pode ser fonte de expectativa pra muita gente, também certamente vai ser fonte de decepção: o recurso de “post thumbnails” requer um tema preparado para eles, e não vai funcionar “fora da caixa” para qualquer tema instalado no site.

Entretanto, não é muito difícil de adaptar o seu tema para que o recurso das imagens de posts fiquem disponíveis.

O primeiro passo é habilitar no seu tema o suporte aos thumbnails, que é o que vai habilitar o painel de configuração da miniatura do seu post. Para fazer isso basta inserir em algum lugar do functions.php do tema o seguinte código:

<?php add_theme_support( 'post-thumbnails' ); ?>

Ao salvar esta alteração no functions.php, quando você entrar na página de edição de posts haverá um novo painel, como mostra a imagem abaixo.

Screen shot 2009-12-19 at 00.27.51

Para definir o thumbnail de cada post, basta clicar em Set Thumbnail e fazer o upload de uma imagem, ou escolher uma imagem das previamente enviadas para o blog, como você está acostumado a fazer para inserir uma ilustração no post. Só que em vez de clicar para inserir no post, você vai clicar na nova opção “set as thumbnail”.

Screen shot 2009-12-19 at 00.30.47

Na imagem acima você vê um post que já teve seu thumbnail definido.

Essa é a parte fácil. Agora vem a parte difícil, que é preparar o seu template para exibir o thumbnail correspondente a cada post.

Nota: pressupomos que você tenha conhecimento suficiente de PHP e de personalização de templates para fazer as modificações abaixo descritas. Não é nosso objetivo ensinar o básico do básico.

Na verdade, a função the_post_thumbnail() é quem faz todo o trabalho de encontrar, dimensionar e exibir as imagens de cada post, já com a tag IMG corretamente formatada.

Ela pode ter os seguintes formatos:

the_post_thumbnail("small");
the_post_thumbnail("medium");
the_post_thumbnail("large");
the_post_thumbnail(array($widht, $height));

Os strings small, medium e large acima vão fazer com que o WP exiba um thumbnail no tamanho padrão (que você configura nas opções do WP).

O quarto formato é o mais versátil de todos, do ponto de vista dos codificadores de temas para WordPress, porque permite que o designer defina tamanhos arbitrários exatos para as imagens, independentes das configurações do WordPress.

Caso você precise usar o HTML inteiro da imagem para algum outro fim, pode usar a forma abaixo.

<?php
$img = get_the_post_thumbnail(array(200,200));
?>

O código acima foi retirado do template do site Das Fútil, que usa uma versão Beta do WP 2.9, e com diversos tamanhos de post thumbnails na home page.

É só isso.

Há uma série de hooks para modificar o comportamento das imagens nos posts, mas quem sabe lidar com eles também saberá como encontrar a documentação necessária para utilizá-los no próprio WordPress.

Esperamos que com esta breve explicação mais gente possa usar o novo recurso de imagens de posts no WordPress 2.9, contribuindo com uma web mais bonita e mais simples de manter.

Janio Sarmento WordPress , , , , , , , , ,

Problemas com upload de imagens no WordPress

4, novembro, 2008

Quem é usuário do Firefox já percebeu que com as recentes atualizações do plugin Adobe Flash Player 10, algumas anomalias com vídeos (principalmente do YouTube e correlatos), áudio e demais animações tomaram conta dos sites que frequentemente visitamos. Eu, por exemplo, não consigo a mesma compatibilidade com os sites multimídia que conseguia até alguns dias atrás, tendo que, vez por outra, acessar o Internet Explorer e então consumir o conteúdo em questão.

Mas trazendo essa realidade pra o mundo dos blogs, constatei que o Flash 10 também é incompatível com um pedaço do WordPress: o upload de imagens. Aquele botãozinho que você usa para subir imagens em um post ou uma página, o Choose files to upload, parou de funcionar. Existem dois paliativos: o primeiro é simples, abaixo do botão, existe a frase:

Upload de imagens

Upload de imagens

“You are using the Flash Uploader. Problems? Try the Browser uploader instead” Ela dá opção de você clicar em browser uploader e fazer o serviço da forma antiga.

Mas se existe a extrema necessidade de usar a nova forma, via Flash, que foi incorporada ao CMS na versão 2.5.1, e que permite, a despeito da forma paliativa, o envio de várias imagens ao mesmo tempo para o post, existe uma “gambiarra” a ser aplicada no Firefox que resolve (eu já disse que é gambiarra?) em partes o problema. Ela resolveria, também, os problemas com o YouTube e demais players online.

Primeiro você baixa o Uninstall Flash Player. Depois fecha o seu Firefox, executa o arquivo baixado e pronto.

Em seguida, você pode escolher uma das versões antigas do Flash aqui e instalá-las para usar novamente. Eu recomendo a versão 9, que é a que funciona ao mesmo tempo com YouTube (e afins) e com o WP.

A dica da solução do problema foi do Anderssauro (aliás, ele está com editorial novo, layout novo, promoção nova com camiseta bacana de grátis. Aproveite e conheça!)

Daniel Becher WordPress , , , ,