Uma coleção de posts de exemplo

Realmente a preguiça é o que impede o homem de evoluir, mas não quando estamos criando templates para o WordPress e soubermos dessa dica, que simplesmente é fantástica. Trata-se de uma coleção de posts de exemplo justamente para ser usada quando você não está com nenhuma vontade de escrever aqueles posts com o texto “Blá bla bla” ou “daskjdlkasjldkjsaldkjlsd”. São 12 posts com imagens, categorias diferenciadas, blocos de citação, listas ordenadas, tags e alguns comentários também vem junto no pacote. Para instalar é bem fácil basta baixar um arquivo do tipo XML e importá-lo como se estive migrando de blog.

Baixe ele aqui. Para instalar basta ir em Tools > Import > WordPress (pode ser nescessário instalar o plugin caso seja sua primeira importação) > selecionar o arquivo > Upload file and import.

Redimensionamento das miniaturas sem gambiarras

Que o WordPress é um sistema muito flexível todos nós já sabemos, mas flexibilidade não é sinônimo de gambiarra, e é isso que temos que fazer quando temos um site com miniaturas de vários tamanhos e então ficamos reféns daquele famoso arquivo que redimensiona todas as imagens automaticamente. Com o truque abaixo não precisamos fazer mais isso, quando queremos puxar a miniatura basta informar o tamanho predefinido.

1º Passo

O WP tem uma função chamada add_image_size que serve para redimensionar a imagem automaticamente quando for feito o upload dela. Ela tem dois modos de corte da imagem.

No arquivo functions.php você deve adicionar essa linha.

add_image_size( "miniatura-post", 300, 150, true );

Explicando

“miniatura-post” é o nome que você ira usar para chamar esse tamanho.

300 e 150 correspondem a largura e altura da imagem de saída.

true serve para dizer se a imagem é para ficar nas dimensões exatas (true) ou proporcional (false).

Observação: Caso você coloque em false a imagem nem sempre sairá no tamanho desejado e sim proporcional ao seu tamanho original, a vantagem desse modo é que a imagem não sofre cortes.

2º Passo

No local onde você quer que a imagem apareça basta adicionar esse código, lembrando que deve ser adiciona dentro do loop do WP.

<?php the_post_thumbnail("miniatura-post") ?>

“miniatura-post” é o nome definido no arquivo functions.php.

Observação: Esse recurso só funciona em imagens que forem adicionadas após você adicionar esse código, para as imagens antigas funcionarem existe o plugin Regenerate Thumbnails que recorta todas as imagens no novo tamanho especificado, mas eu percebi uma desvantagem nele. Caso você troque de tema regularmente e precise refazer várias vezas as miniaturas ele não apaga as antigas, somente acrescenta os novos tamanhos no diretório.

Valeu pessoal até a próxima!

Web2feel, muitos temas gratuitos

Você provavelmente já baixou algum tema desse site mas talvez você nunca percebeu que esse site era um super repositório de temas gratuitos, mas é . O site tem muitos temas de qualidade gratuitos mas com acabamento de pago, todos os temas seguem um modelo com slider e disposisão dos elementros padronizados, nem todos estão prontos para WordPress 3 mas garanto que não é tão difícil assim de adaptar. Acho todos os temas de lá lindos mas meus preferidos são esses:

Florance

Raceclan

Yestilo

Aproveitem os temas e até a próxima!

O poder do Windows Live Writer e o WP

Olá pessoal, eu de novo postando mais uma dica sobre o WordPress. Hoje estava bobeando na internet até que fui abrir o menu do Windows e me deparo com o Windows Live Writer, pensei assim, pra que diabos será que esse programa serve? Como um bom curioso fui logo abrindo para ver no que ia dar, apareceu uma telinha escrito algo sobre blog e wordpress, opa! Já me interessei, escolhi o WordPress, depois ele pediu o usúario e senha, aguardei um instante até conectar. Quando abriu o programa definitivamente descobri que era um ótimo editor offline para WP, fiz um teste postando um “Hello World”, finalizando o Writer cumpriu muito bem a sua tarefa de editor, ele até consegue baixar seu tema e permitir um preview de como seu post vai ficar. Tudo que tem no editor do WP o Writer tem, mas você vai ter que habilitar o XML-RPC (Configurações->Escrita) para ele poder interagir com o WP.

Como eu tenho medo de escrever um artigo e sem querer querendo fechar a aba, esse programa é uma mão na chave de roda pra mim, hehehe :) .

Até a proxima… flw!

Um poderoso sistema de widgets

Esses dias estava navegando no repositório de plugins do WP até que encontrei um plugin muito legal por sinal, chama-se Eletro Widgets. Na descrição diz que ele é um poderoso sistema de widgets, achei interessante e fui testar, e não que é bom mesmo esse plugin. Com ele você pode criar áreas onde adiciona widgets iguais aos que existem na sidebar só que com esse plugin além de você poder colocar em qualquer lugar do site você altera os widgets na frontend, isso mesmo, você não precisa ficar indo no painel para alterar a disposição dos plugins, você faz isso no seu site simplesmente arrastando e soltando no lugar desejado. Mas nem tudo são flores, para ele funcionar você vai ter que adicionar uma única linha de código.

1. No seu template abra o arquivo em que você quer adicionar uma área de widgets. Nesse caso eu abri o index.php do tema Arthemia.

2. Eu por exemplo, quero adicionar uma área antes do loop que mostra os ultimos 5 posts, então eu vou adicionar esse código na linha 73.

<?php if (class_exists('EletroWidgets')) new EletroWidgets(); ?>

Por padrão ele adiciona duas colunas, mas se você quiser adicionar mais, use esse código em vez daquele

<?php if (class_exists('EletroWidgets')) new EletroWidgets(numColunas); ?>

* numColunas é o número de colunas.

Agora é só entrar na página onde você colocou o código e você verá um painel para adicionar ou remover widgets. Já ia quase me esquecendo, você também pode alterar o estilo dos widgets usando CSS, nos links abaixo tem a documentação explicando tudo.

Download | Documentação

Valeu pessoal até a proxima…

Criando uma página para cada tipo de conteúdo

Após criar seus tipos de conteúdo personalizados, você certamente vai querer ter um local para mostrar todos os posts daquele tipo, a dica seguinte serve para isso. Confira.

Na pasta do template que você está usando crie um arquivo com o nome do seu tipo de conteudo, no meu caso ficou portfolio.php, em seguida adicione o seguinte código:

<?php
/*
Template Name: Portfolio
*/
?>
<?php get_header(); ?>
	<div id="content">
	<?php
		$loop = new WP_Query(array('post_type' => 'portfolio', 'posts_per_page' => 10));
	?>
	<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <div id="portfolio-item">
		<h1><?php the_title(); ?></h1>
		<?php the_post_thumbnail(); ?>
		<?php the_content(); ?>
	</div>
        <?php endwhile; ?>
        </div><!-- #content -->
<?php get_footer(); ?>

Explicando:
Primeiro dizemos o nome do modelo (depois vocês vão entender) que é ‘Portfolio’. Como num template normal temos a query que busca os posts, então criamos uma nova query e definimos o tipo de conteúdo para exibir, que neste caso é ‘Portfolio’. Vocês poderiam adicionar qualquer outro argumento como por exemplo ‘posts_per_page’ para definir uma número máximo de posts a exibir. Apos a query eu crio um loop, não vou explicar o que está dentro do loop porque é igual a um template normal. Você também pode resgatar campos personalizados que você criou mas isso você encontra em um outro artigo eu publiquei.

Agora no painel, vamos criar uma nova página (Páginas->Adicionar nova) coloque titulo, conteúdo (opcional) e o que você quiser colocar, então ali dentro de Atributos da página mude o modelo, para o nome do modelo que você criou.

Com essa dica podemos notar que o WordPress está se tornando um CMS muito poderoso para diversas coisas e também vemos que com poucas linhas de código podemos fazer milagres.

Valeu galera, até a próxima…