Arquivo

Arquivo da Categoria ‘WordPress’

Dez Motivos para Atualizar para o WP 2.9

21, dezembro, 2009

A versão nova do WordPress saiu, e muita gente está com receio ou sem saco de atualizar seu blog por conta das mudanças que a nova versão traz, e a inexorável incompatibilidade de alguns plugins. Entretanto, navegar é preciso, como dizia o poeta, e não dá para estagnar numa versão antiga do WordPress.

Para tentar convencer os mais renitentes, preparamos uma listinha com dez motivos para Atualizar seu WordPress para a versão 2.9, sem nenhuma ordem específica de importância ou do que for.

Leia mais…

Janio Sarmento WordPress , ,

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 , , , , , , , , ,

Diferencie seu blog usando recursos do próprio WordPress

3, dezembro, 2009

Que o WordPress é um excelente gerenciador de conteúdo, todo mundo já sabe. Que é possível expandir as funcionalidades do WordPress utilizando plugins — e existem milhares deles por aí — todo mundo já cansou de saber.

Entretanto, nem sempre existe um plugin pronto para o que precisamos fazer, principalmente quando se trata de algo aparentemente simples, e quando existe a complicação envolvida é muito grande.

Nestes momentos, saber um mínimo de programação e do funcionamento do WordPress ajuda muito.

Leia mais…

Janio Sarmento Séries/Tutoriais, WordPress , , , , , , , ,

Google vai alertar sobre WordPress desatualizado

24, novembro, 2009

Uma coisa que acho ridícula é quando “especialistas” em segurança dizem que um blog deve ocultar a metainformação do “Generator” (o sistema que gera cada página) no caso do WordPress, porque é inseguro divulgar para o mundo qual a versão do WordPress está sendo em uso, e que o CMS usado é o WordPress. Muito pior que isso é deixar o XML-RPC ativo quando não há necessidade.

Entretanto, quero ver o que eles vão dizer agora que o Google vai passar a informar no Webmaster Tools que o WordPress do site está desatualizado. Não acredita? Então leia direto na fonte (em Inglês, of horse).

Infelizmente, parece-me ser uma medida meio inócua, pois dos webmasters que conheço, a maioria nem sabe o que é o GWT (Google Webmasters Tools), e os que sabem são muito parecidos comigo: só passam lá de vez em nunca. E quem tem a presença de espírito para de vez em nunca passar pelo GWT, certamente tem ainda mais presença de espírito para manter seu WP atualizado sem que ninguém precise puxar suas orelhas.

Honestamente: em vez de se preocupar com isso, o Google bem que poderia investir a mão de obra que gastou para implementar essa notificação de WP desatualizado em um meio de punir de uma vez por todas os filhos da puta que copiam e colam conteúdo alheio, em vez de criarem o seu próprio.

Janio Sarmento Blogs, Serviços Online, 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 , , , ,

Plugin para WordPress permite atrasar a publicação no feed

22, setembro, 2008

relogio.jpgImagine a situação: você acabou de escrever um post que não podia ficar para amanhã, está cansado, e os olhos ardidos teimam em continuar abertos; você revisa seu texto, não encontra nenhum problema, e por isso o publica. Dois minutos depois você verifica no seu blog que esqueceu de um detalhe muito importante, ou que cometeu um erro descabido de construção de uma frase, e precisa editar o post.

Passei por isto no artigo anterior, Parcerias entre Blogs, com relação ao posicionamento das imagens. Precisei editar o texto umas seis ou sete vezes até acertar a melhor disposição para as ilustrações.

Acontece que, devido aos sistemas de cache que os programas leitores de feeds usam, não é raro que a primeira das versões seja a que os leitores venham a enxergar, não tendo, portanto, acesso à versão finalizada do nosso artigo.

teclado.jpgPara quem usa WordPress, contudo, este já não é mais um problema assim tão grave: existe um plugin que atrasa a publicação dos itens do feed, o que dá a possibilidade de o autor usar este tempo para fazer todas as correções de que necessite, diminuindo muito as chances de um texto ser publicado nos feeds antes da hora.

Estamos falando do Feed Pauser, um plugin que eu próprio gostaria de ter tido competência para escrever.

Para aqueles que vivem testando o Windows Live Writer este plugin tem um benefício extra: não há nada mais tosco do que aqueles posts temporários que acabam aparecendo nos feeds. Com este plugin o feed não é publicado imediatamente, dando tempo de o WLW completar o procedimento de detecção do template, ao final do qual o post temporário é apagado, o que resulta em um feed mais limpo e mais profissional, o que melhora a imagem do blog como um todo.

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

Como personalizar a galeria de fotos do WordPress (thumbnails)

10, setembro, 2008

Não só atualizações de segurança foram feitas a partir do WordPress 2.5, mas muitas alterações de estrutura e estética do sistema de CMS apareceram. A maioria delas não apresentaram maiores intervenções e, também com o advento das atualizações automáticas de plugin, nem sentimos grande parte das mudanças estruturais da plataforma.

Entretanto, um recurso importante pra quem posta bastantes imagens foi adicionado: a galeria de imagens. Agora, é possível inserir uma galeria de fotos colocando-as todas num post e escolhendo deixá-las sob forma de thumbnails e o próprio WordPress se encarrega de gerenciar isso. Ao invés do antigo e tradicional link pra foto, a imagem é carregada, antes, dentro de uma página do próprio tema (carregando cabeçalho, barras laterais, um looping específico pra ela etc.)

Em um dos blogues em que escrevo, o JaPostei, é comum colocarmos essas galerias de fotos.  Mas como disse no parágrafo anterior, o WordPress cria uma página específica pra cada foto colocada na galeria e, por consequência, um permalink. Então se há página e permalink, juntamente com links diretos do post para visualizá-las, estas páginas também são indexadas no Google.

Eu não teria me dado conta disso até notar no blog em questão um acréscimo estrondoso de visitantes incompatível com os relatórios de impressões de páginas do AdSense. Ao passo que o blog atingia 2.500 visitas únicas para o post em questão, a exibição de anúncios e os clicks não acompanhavam esta evolução. Notei, então, que o que estava sendo indexado e trazendo visitas era justamente uma das fotos de uma das galerias que o WordPress, e na falta de uma customização daquela página (já que a grande maioria dos temas ainda não se adaptaram às imagens), exibia um modelo default — claro, sem anúncios.

Compartilho aqui com vocês como customizar a página de galerias de fotos, inclusive como inserir anúncios, o que é bastante importante.

1º passo – Não vamos reinventar a roda

Não é nossa intenção reaprender a mijar. Não vamos criar do zero uma página para exibir estas fotos. De acordo com nosso tema, vamos pegar um modelo e então personalizá-lo. No MEU caso, eu usei o single.php (e indico que seja este o modelo). Então baixe pro seu PC via FTP o arquivo single.php do seu tema, renomeie para image.php e jogue denovo no diretório do template.

2º passo – Tirando o que for desnecessário

Existem coisas desnecessárias para o image.php que vêm com o single.php. Uma delas é a tag the_content, pois uma vez que não vamos exibir o post, lembre-se que é uma página somente pra foto. É necessário, caso deseje, retirar as tags que puxa o sistema de comentários. Eu, pelo menos, saquei fora o   comments_template() pois não queria repetição de comentários em cada foto. Mas essa fica a seu critério.

3º passo – Inserindo o código fodão

Dentro do looping e abaixo da tag do título do post (the_title), você vai adicionar o seguinte código:

<p class=”attachment”><a href=”<?php echo wp_get_attachment_url($post->ID); ?>”><?php echo wp_get_attachment_image( $post->ID, ‘medium’ ); ?></a></p>
<div class=”caption”><?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the “caption” ?>

Este pequeno emaranhado de palavras estranhas vai fazer a foto ser exibida (juntamente com o caption dela).

4º passo – Colocando links de navegação

Já que é uma galeria, seria interessante dar ao seu leitor a possibilidade de ele navegar nas fotos sem precisar retornar ao post principal e escolher novamente outra foto. Abaixo (ou acima, você que sabe) coloque o seguinte código:

<div>
<div class=”alignleft”><?php previous_image_link() ?></div>
<div class=”alignright”><?php next_image_link() ?></div>
</div>

5º passo – Adicionando anúncios aos thumbnails

Você vai adicioná-lo da mesma forma que faz com o single.php, index.php ou barras laterais. Escolha o lugar onde quer posicioná-los e insira o respectivo código.

Resumo da ópera

Se você exatamente como eu ensinei, seu código ficou mais ou menos assim:

PS: Note que eu modifiquei algumas instruções perto da tag “the_title”, para que ficasse um pouco mais amigável e que o usuário que chegasse do Google soubesse que aquela página apenas exibia uma foto, inclusive linkando o post original.

E, se fez dessa forma, é provável que esteja funcionando agora :)

Daniel Becher WordPress , , , , , ,