Tema filhos: o que são e para que servem?

July 28, 2011, by Unknown - No comments yet

No Fórum, sempre há muitas perguntas sobre como alterar uma ou outra coisa num tema, a minha resposta é quase … Continue lendo



Adicionar tamanhos de miniaturas

July 27, 2011, by Unknown - No comments yet

O WordPress possui um recurso nativo de miniaturas de postagens e páginas. Saiba que pode adicionar dimensões variadas e usá-las em qualquer contexto em seu tema.

No artigo sobre miniaturas no WordPress, você viu como adicionar este recurso ao seu tema ou plugin, de modo que as dimensões são estabelecidas através do painel do WordPress. Então, onde quer que a chamada esteja, a imagem obtida tem as dimensões que estão lá em Configurações > Mídia. Mas e se precisamos de outros tamanhos? A resposta está a seguir

Adicionando tamanhos variados de ministuras

No arquivo functions.php do tema ou no plugin, adicione um novo tamanho desta maneira:

add_image_size( 'arte-thumbnail', 250, 150, true );

Onde temos os seguintes parâmetros:

  • arte-thumbnail – entre aspas simples, um nome para seu novo tamanho.
  • 250 – sem aspas, a largura em pixels.
  • 150 – sem aspas, a altura em pixels.
  • true/false – sem aspas,define cortar a imagem nestas medidas ou redimensionar apenas.

Se quiser usar uma miniatura que respeite as dimensões do arquivo original, por exemplo, retangular, mais estreito do que largo etc, é só definir a altura sem valor usando duas aspas simples assim: ”. Mas lembre-se que a largura deve ser definida ou o WordPress não terá como gerar a versão! A geração do arquivo com o novo tamanho acontece no momento da gravação do arquivo pelo WordPress, ou seja, quando o usuário envia um arquivo para anexar à postagem, o WordPress gera todos os tamanhos requisitados pelo tema atual e plugins ativos. O usuário também não tem como acessar os tamanhos gerados por esse código, (a não ser com link direto). ou seja, este é um recurso especial para temas e plugins.

Usando os tamanhos

Ao adicionar a chamada para um novo tamanho, sabemos que ao enviar um arquivo, um versão com aquele tamanho será gerado, então podemos inserir esta versão em arquivos de temas assim:

<?php the_post_thumbnail('arte-thumbnail'); ?>

É uma boa prática sempre testar se há uma miniatura antes para evitar erros:

<?php if(has_post_thumbnail( )): ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php endif; ?>

Conclusões

É muito importante gerar versões de tamanhos variados para imagens em sites, ainda mais se for um site com muitas imagens como lojas, galerias, photoblogs etc. As miniaturas devem ser mesmo miniaturas e não uma imagem reduzida por CSS ou instruções na tag XHTML! Além do site ficar mais rápido, a imagem não fica deformada. Usar CSS para reduzir/cortar uma imagem é até interessante e prático, mas deve ser usado só em casos que a variação é de alguns pixels.



Alternativa se postagem não tem miniatura

July 26, 2011, by Unknown - No comments yet
  • Como mostrar uma imagem padrão quando não se tem uma miniatura
  • Como não mostrar nada se não tiver miniaturas

Complementando os outros artigos sobre miniaturas, veja como usar o condicional para miniaturas WordPress.O recurso de miniaturas do WordPress é ótimo principalmente porque não é obrigatório defini-las para todas as postagens e páginas que criar. Para evitar problemas no layout do tema, você pode usar uma imagem padrão, como logo do site, ou então não mostrar nada. Veja como fazer:

Adicionando o recurso

No artigo sobre este recurso, você viu como é fácil adicionar o recurso de miniaturas do WordPress. Vamos mudar um pouco onde a miniatura será mostrada, através do condicional:

<?php if(has_post_thumbnail( )): ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php endif; ?>

O condicional has_post_thumbnail verifica se a postagem ou página tem uma miniatura, se tiver, mostra a miniatura, se não tiver, não mostra nada. Não muito procurada a não ser por falta de opção, também se pode mostrar qualquer outra coisa, como um logo ou imagem padrão caso a postagem não tenha uma miniatura:

<?php if(has_post_thumbnail( )): ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php else : ?>
&lt;div&gt;<img title="sem thumb" alt="" src="http://image.com/sem-thumb-gif" />&lt;/div&gt;
<?php endif; ?>

Link na miniatura

Não muito a ver com o artigo mas muito procurado: é bom adicionar link da postagem à miniatura ou imagem de sem-miniatura. Você pode adicionar o link da postagem na miniatura ou imagem desse modo:

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a>

E é isso! Tudo para manter o visitante entretido!



Código de idioma para formulários e outros

July 26, 2011, by Unknown - No comments yet

Como obter e mostrar o código de idioma em algumas situações

Em alguns casos, você pode obter e mostrar o idioma atual do site, para páginas externas como as de serviços. Isso é muito fácil se estiver no WordPress.

O que é locale?

Locale

é o código do idioma! Esta é uma convenção internacional, padronizada, usada em tudo, não somente em softwares. O locale do Brasil é pt_BR, o locale de Portugal é pt_PT, isso porque cada território tem seu locale, mesmo que falem praticamente o mesmo idioma. Veja uma lista com o locale de todos os territórios do mundo na Wikipédia.

Este código de idioma, é usado (e deve ser usado!) para manter o padrão e permitir a internacionalização (i18n) de sites, softwares etc. O WordPress usa esse padrão para definir o idioma de sua interface, por exemplo.

No plugin Feedburner Form que recriei, há um formulário do serviço Feedburner onde se deve definir qual o idioma mostrar no site do Feeburner que será carregado ao assinante:

1
2
3
4
5
&lt;form&gt;
<input id="subscription_email" name="email" /><input type="hidden" value="<?php echo $user; ?>" name="uri" />
<input type="hidden" value="<?php echo get_locale(); ?>" name="loc" />
<input id="subscription_btn" type="submit" value="<?php echo $button; ?>" />
&lt;/form&gt;

Como o plugin pode ser usado em qualquer WordPress, de qualquer idioma, nada mais prático do que obter o locale do site atual e indicar no formulário qual idioma usar no site do FeedBurner, o que se pode ver na linha 4. A função get_locale obtém o locale do WordPress atual. Saiba mais sobre ela na documentação.



Código de idioma para formulários e outros

July 26, 2011, by Unknown - No comments yet

Como obter e mostrar o código de idioma em algumas situações

Em alguns casos, você pode obter e mostrar o idioma atual do site, para páginas externas como as de serviços. Isso é muito fácil se estiver no WordPress.

O que é locale?

Locale

é o código do idioma! Esta é uma convenção internacional, padronizada, usada em tudo, não somente em softwares. O locale do Brasil é pt_BR, o locale de Portugal é pt_PT, isso porque cada território tem seu locale, mesmo que falem praticamente o mesmo idioma. Veja uma lista com o locale de todos os territórios do mundo na Wikipédia.

Este código de idioma, é usado (e deve ser usado!) para manter o padrão e permitir a internacionalização (i18n) de sites, softwares etc. O WordPress usa esse padrão para definir o idioma de sua interface, por exemplo.

No plugin Feedburner Form que recriei, há um formulário do serviço Feedburner onde se deve definir qual o idioma mostrar no site do Feeburner que será carregado ao assinante:

1
2
3
4
5
&lt;form&gt;
<input id="subscription_email" name="email" /><input type="hidden" value="<?php echo $user; ?>" name="uri" />
<input type="hidden" value="<?php echo get_locale(); ?>" name="loc" />
<input id="subscription_btn" type="submit" value="<?php echo $button; ?>" />
&lt;/form&gt;

Como o plugin pode ser usado em qualquer WordPress, de qualquer idioma, nada mais prático do que obter o locale do site atual e indicar no formulário qual idioma usar no site do FeedBurner, o que se pode ver na linha 4. A função get_locale obtém o locale do WordPress atual. Saiba mais sobre ela na documentação.