Uma imagem relacionada com o assunto do post pode deixar os leitores mais satisfeitos e isto funciona mesmo (repare nos sites que se destacam na sua área, eles também usam imagens!). Mas não pode ser uma imagem qualquer: ela tem que ter qualidade, deve de estar relacionada com o post e deve de ser pouco usada online.

Um dos sites onde você pode encontrar fotos e imagens no formato JPEG e vetorial é o Depositphotos.com fotos stock, um serviço com milhões de imagens relacionadas com todas as áreas que possa imaginar. É verdade que todo o conteúdo é pago, mas os preços são baixos e é um investimento que vale a pena.

O DepositPhotos tem vários planos de subscrição que começam nos 19 dólares. Em todos os planos há um limite de downloads por dia e quanto maior for o plano, mais imagens pode transferir e mais barato fica cada imagem. Estes são os planos:

Cada foto/imagem custa entre 0.10$ e os 0.63$ (royalty-free). Um plano de 7 dias custa 39 dólares e dá acesso a 105 fotos. Se você usar uma imagem por post, tem imagens para 105 posts e depois pode usa-las em outros sites!

É importante referir que o DepositPhotos faz descontos ocasionais para certos tipos de fotos. Por exemplo, neste momento há um desconto de 20% nas imagens relacionadas com futebol e com o dia do pai.

Os pagamentos podem ser feitos através de PayPal, Moneybookers, WebMoney e com cartões Visa, Master Card e American Express.

Subscrição Gratuita para Testes

O DepositPhotos oferece um plano gratuito durante 7 dias que permite fazer o download de até 5 fotos por dia. Estas fotos são oferecidas com a licença padrão e podem ser usadas nos seus sites, blogs, ebooks, etc. Para saber mais sobre esta oferta e criar uma conta, visite a página sobre as fotos stock grátis.

Você pode também pedir um patrocínio para ter fotos gratuitas por mais tempo. O seu site tem que ter visitas e em troca tem que promover o serviço do DepositPhotos.

Registe-se agora!

Para conhecer a plataforma e aproveitar o plano gratuito durante 7 dias, registe-se em depositphotos.com. O registo é gratuito e a ativação é instantânea!

Felizmente existem soluções como o Google Custom Search ou também plugins que permitem aumentar a performance e melhorar os resultados mostrados quando procuramos alguma coisa. Um desses plugins é o Relevanssi e vamos falar dele neste artigo.

O Relevanssi é um plugin gratuito que começou a ser desenvolvido quando outros plugins parecidos deixaram de funcionar nas versões mais recentes do WordPress. A sua função é tornar as buscas mais inteligentes e dar mais controle ao gestor do site para mostrar os melhores resultados aos utilizadores.

Ele cria um index com todas as palavras que estão nos artigos, páginas, categorias, campos personalizados, comentários, etc (você pode escolher o que deve ou não ser indexado) e depois mostra os resultados consoante as palavras que encontra nas páginas.

O melhor de tudo é mesmo a possibilidade de dar mais importancia a certas coisas, por exemplo, você pode dar mais importância as palavras que estão no título e menos importancia as palavras que estão no conteúdo dos artigos. Se quiser, os resultados podem também ser organizados por relevância em vez de serem organizados por data como acontece com o sistema de busca original.

Outra das opções é adicionar um estilo as palavras mais importantes, tal como acontece no Google. Por exemplo, o Google coloca a bold as palavras que você procura, o mesmo pode acontecer no seu site se usar este plugin.

Para evitar problemas na performance dos sites que usam o Relevanssi, o plugin coloca as palavras indexadas em cache. Você pode eliminar esta cache e reconstruir o index manualmente, mas se preferir o plugin faz isso em intervalos de tempo definidos por si.

É importante também referir que este plugin foi criado para sites pequenos, é possível que se o seu site tiver mais de 50.000 artigos alguns erros erros possam sugir.

Relevanssi Premium

Este plugin tem também uma versão premium (paga) que tem ainda mais opções. É a solução indicada para usar o plugin em sites de clientes e ter um suporte online que ajuda a resolver problemas e a personalizar o plugin. Pode comparar as características do o Relevanssi gratuito e do Relevanssi Premium nesta página.

• Mais informações sobre os preços e beneficios do Relevanssi Premium.

Como Instalar e Configurar

• 1. Instale o plugin normalmente (fazer download do plugin),
• 2. Ative o plugin,
• 3. Vá a Opções > Relevanssi,
• 4. Configure o plugin a sua maneira e depois guarde alterações. Não se esqueça de criar o “index” para ele funcionar.

Esperamos que este plugin seja útil. Até ao próximo artigo!

Para resolver este problema o Google Adsense criou, a já algum tempo, um código que deve ser inserido no inicio e no fim do conteúdo mais importante de uma página. Esse código pode ser colocado diretamente nos ficheiros do seu template e passa a funcionar em todas as páginas.

A tag de início é esta:

<!-- google_ad_section_start -->

E a tag de fim é esta:

<!-- google_ad_section_end -->

Para quem usa o WordPress, pode usar estas tags em ficheiros como o single.php (template da página de artigos) antes do título e no fim do conteúdo do artigo. Desta forma o Google Adsense vai passar a dar mais importancia ao conteúdo do post e menos ao conteúdo que não está dentro destas tags.

Existe ainda outra tag que faz o contrário: diz ao Google Adsense para ignorar o conteúdo que está dentro destas tags. A utilização desta tag é igual a primeira e deve de ter um inicio e um fim. Esta é a tag:

<!-- google_ad_section_start(weight=ignore) -->

Segundo a Google, a utilização destas tags podem ajudar o Adsense a mostrar anúncios mais relacionados com o conteúdo do post. Isto pode levar a um aumento dos ganhos através do Adsense, mas a Google avisa que nem sempre há resultados práticos.

Apesar de serem tags úteis, elas devem de ser usadas com cuidado e em locais com conteúdo significativo. A Google recomenda que este código não seja usado em areas com pouco conteúdo (texto, por exemplo) porque o efeito pode ser oposto ao pretendido. A utilização excesiva numa página pode levar o Google a pensar que você está a tentar manipular o Adsense e quando isto acontece as contas são bloqueadas na maior parte dos casos.

Toda a informação oficial sobre estas tags podem ser encontradas nesta página, mas se tiver dúvidas deixe um comentário!

Este plugin usa um serviço externo, o Smush.it, criado e mantido pela a Yahoo, que permite otimizar o tamanho de imagens sem elas perderem qualidade. Este serviço não recorta as imagens, essa é uma tarefa que você terá de fazer, mas diminui o tamanho das imagens o que é muito útil num site.

Como Funciona o WP Smush.it

O WP Smush.it trabalha de uma maneira muito simples. Em poucas palavras, o plugin deteta a nova imagem, envia-a para os servidores do Smush.it e aguarda pela imagem final.

O melhor deste plugin, além de todos os benefícios que lhe pode trazer, é que todo o trabalho é feito nos servidores da Yahoo, isto significa que não terá de se preocupar com o load que podia ser criado ao otimizar as imagens.

No fim do processo o resultado pode ser visto clicando na opção “Media” que está no menu do painel de administração do wordpress. A informação aparece no lado direito de cada imagem:

Benefícios

Depois de usarmos este plugin durante vários meses e em vários blogs, chegamos a conclusão que só ganhamos em usa-lo:

• Páginas mais rápidas: Se o tamanho das imagens é menor, as páginas vão abrir mais de pressa. É bom para os usuários, principalmente para os que têm uma ligação lenta (internet móvel, por exemplo) e também trás benefícios a nível dos motores de pesquisa (Google, Bing, Yahoo, etc).
• Menos tráfego gasto: Quanto menos tráfego o seu site gastar, menores são as despesas que tem com a hospedagem do site e se as imagens são mais “leves” o site vai gastar menos tráfego.
• Menos espaço ocupado: Apesar do preço do espaço ser agora muito baixo (e continua a baixar) quanto menos espaço estiver ocupado melhor para você. É verdade que o espaço não é assim tão importante, mas o que é que você perde se o seu site funcionar bem na mesma e ocupar menos espaço?
• Não há limite de otimizações: Você pode enviar 1 ou 100 imagens e todas elas são processadas, há certamente um limite para não criar problemas no serviço, mas de certeza que não vai ter problemas com o serviço.
• Não dá trabalho: Ninguém gosta de perder tempo para poupar alguns Kb’s (na maior parte dos casos) por isso este plugin funciona automaticamente sem ser necessário a sua intervenção. Sempre que você adiciona uma ou mais imagens ele faz o trabalho sem ninguém notar.
• Não cria load no seu alojamento: Um dos maiores problemas dos plugins que fazem alterações nas imagens (recortar, redimensionar, etc) é o load criado no seu alojamento. O problema é ainda maior quando você tem um alojamento partilhado e não pode usar todos os recursos do servidor… quando isso acontece o seu site normalmente é suspenso. Neste caso todo o trabalho é feito nos servidores do Yahoo Smush.it, o plugin só envia e recebe as imagens.

Limitações

O Smush.it tem algumas limitações, nada que torne o serviço mau, mas que em alguns casos fazem falta:

• Formatos das imagens: Só as imagens no formato JPG, JPEG, PNG e GIF é que são otimizadas. Na maior parte dos casos não é um problema pois estes são os formatos mais usados online.
• Tamanho das imagens: O Smush.it só processa imagens com um tamanho até 1 MB, as imagens que tenham um tamanho superior a este limite não serão otimizadas.
• Dependência do serviço: Se o serviço Smush.it ficar offline ou estiver com problemas, este plugin deixa de funcionar. Não temos notado problemas, mas é importante dizer que o plugin depende de um serviço externo para trabalhar bem.

Otimize as Imagens Antigas

Depois de instalar este plugin, poderá otimizar também as imagens que foram enviadas antes do plugin ter sido instalado. Para fazer isto tem que ir a Media > Bulk Smush.it e depois clicar em “Run all of my images through WP Smush.it right now”.

Nesta página aparece o numero de imagens que podem ser otimizadas e também uma estimativa do tempo que vai demorar. O tempo de espera vai depender do numero de imagens, da velocidade de conexão do seu servidor e do load que os servidores do Smush.it têm.

Download do WP Smush.it

Pode fazer o download deste plugin através do repositório de plugins do wordpress:

• http://wordpress.org/extend/plugins/wp-smushit/

A instalação do plugin é feita da forma tradicional e não requer nenhuma configuração. Só tem que instalar e ativar!

Esperamos que esta sugestão seja útil, se gostou partilhe nas redes sociais e deixe um comentário

As outras partes desta série podem ser encontradas nos seguintes links:

• Como criar um Template WordPress – Parte 1- Introdução
• Como criar um Template WordPress – Parte 2 – Style.css e Header.php
• Como criar um Template WordPress – Parte 3 – Index.php e Archive.php
• Como criar um Template WordPress – Parte 4 – Single.php, Page.php e 404.php
• Como criar um Template WordPress – Parte 5 – Comments.php

sidebar.php

O ficheiro sidebar.php é responsável pelo conteúdo da sidebar (lateral) do blog. A sua utilização não é obrigatória, mas como a maioria dos templates para wordpress têm duas colunas  e o tema que estamos a criar também tem (conteúdo + barra lateral), vamos criar o nosso sidebar.php e adicionar o suporte a widgets.

Para que serve a sidebar?

Nesta série de artigos temos recebido vários comentários e um deles perguntava qual era o uso que podemos dar a um espaço ao lado do conteúdo. A resposta é muito simples, a sidebar pode ser usada para colocar publicidade, um formulário de pesquisa, as categorias, links de sites parceiros, etc.

O que são os widgets?

Os widgets permitem que você adicione conteúdo numa parte do tema sem ter que editar o código. Normalmente os widgets são usados nas sidebars, mas você pode adicionar widgets em qualquer lugar.

Depois do tema estar preparado para trabalhar com widgets, vá a Apresentação (Aparência) > Widgets e só tem que arrastar os widgets para os espaços que o seu tema suporta.

Criando o sidebar.php

Agora que você já sabe para que serve uma sidebar e o que são os widgets, vamos passar ao trabalho. Comece por criar um ficheiro chamado de sidebar.php ou abra o ficheiro que criamos na primeira parte do tutorial. Se ainda não fez o download dos ficheiros, faça-o aqui.

Como algumas pessoas não sabem o que são os widgets e como é que eles funcionam, fizemos este vídeo onde pode acompanhar toda a criação da sidebar e também a preparação do tema para receber widgets. A explicação em texto e todos os códigos estão depois do vídeo.

Começamos por abrir o sidebar.php, este é o código que temos:

<div id="sidebar">
	<ul class="widget">
		<h3>Widget</h3>
		<li><a href="#">Página 1</a></li>
		<li><a href="#">Página 2</a></li>
		<li><a href="#">Página 3</a></li>
		<li><a href="#">Página 4</a></li>
	</ul>

	<ul class="widget">
		<h3>Widget</h3>
		<li><a href="#">Categoria 1</a></li>
		<li><a href="#">Categoria 2</a></li>
		<li><a href="#">Categoria 3</a></li>
		<li><a href="#">Categoria 4</a></li>
	</ul>
</div>

Para começar vamos remover todo o código que está dentro da div “sidebar” e substituir por este:

	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar') ) : ?><?php endif; ?>

Este código faz uma verificação para saber se o tema suporta widgets. Se suportar, então ele vai mostrar os widgets da zona/área com o nome “Sidebar”.

E este é o nosso sidebar.php final:

	<div id="sidebar">
		<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar') ) : ?><?php endif; ?>
	</div>

O próximo passo é “registar” esta zona para que o wordpress consiga guardar e mostrar os widgets no template. Isso é feito no ficheiro functions.php.

functions.php

Este é um dos ficheiros mais importantes num tema e é usado para adicionar muitas funcionalidades a um wordpress theme. O functions.php pode ser usado para definir muita informação, adicionar suporte para várias funcionalidades e até alterar a forma como o wordpress trabalha.

Para um tema suportar widgets, é preciso “dizer” ao wordpress que o tema tem um ou mais espaços que suportam widgets. É neste ficheiro que temos que adicionar um código que faz esse trabalho.

A explicação do código:

• linha 1: inicio do código php;
• linha 4: se a função “register_sidebar” existir (se o wordpress suportar widgets), então faz o que estiver entre as { … } (linhas 5 e 13);
• linha 5: inicio do “registo” de uma zona para widgets;
• linha 7: define o nome da zona de widgets;
• linha 8: define o código que fica antes do inicio do widget;
• linha 9: define o código que fica no fim do widget;
• linha 10: define o código que aparece antes de um título (caso o widget tenha um título);
• linha 11: define o código que fica depois do título;
• linha 12: termina o registo da zona;
• linha 13: termina o trabalho iniciado na linha 4;
• linha 15: termina o código php.

<?php
/* WIDGETS */

if (function_exists('register_sidebar'))
{
    register_sidebar(array(
		'name'			=> 'Sidebar',
        'before_widget'	=> '<div class="widget">',
        'after_widget'	=> '</div>',
		'before_title'	=> '<h3>',
		'after_title'	=> '</h3>',
    ));
}

?>

Neste caso não é necessário ter mais do que uma sidebar, mas se está interessado em saber como faz para ter duas ou mais zonas com suporte a widgets veja o vídeo em cima.

Depois tem que guardar o fichiero e o nosso tema já suporta widgets:

footer.php

O footer.php é o ficheiro responsável pelo rodapé do site e nele fica uma tag que insere alguns scripts no tema. Esta tag wp_footer é importante e é necessária para que alguns plugins funcionem. Em condições normais não há nenhuma alteração visível no design quando temos esta tag no código do tema.

Só tem que copiar e colar em qualquer parte do footer.php:

<?php wp_footer(); ?>

Nós optamos por colocar a tag por baixo da linha dos créditos do site, por isso o footer.php final é este:

	<div id="footer">
		<p>&copy; 2012 - Todos os Direitos Reservados</p>
		<?php wp_footer(); ?>
	</div>

</div>

</body>
</html>

E agora não há mais ficheiros para terminar, todo o nosso tema está pronto para funcionar!

Download dos ficheiros

• Download dos ficheiros sidebar.php, functions.php e footer.php
• Download de todos os ficheiros criados até agora

Conclusão e Dicas Finais

Neste momento o seu tema está pronto para ser usado online. Recomendamos que faça o download deste pdf que contém uma lista de tags que podem ser usadas nos seus temas. Pode também encontrar muita informação no WordPress Codex, um site onde pode encontrar todas as informações necessárias para criar, melhorar e entender melhor os temas, plugins e o próprio wordpress.

Esta série está agora terminada e nos próximos artigos sobre código, que estão disponíveis na categoria Código e Hacks, vamos ensinar a adicionar funcionalidades avançadas num tema. Para não perder esses artigos, recomendamos que nos siga nas nas redes sociais ou subscreva a newsletter gratuita para receber os artigos por email:

Esperamos que esta série de artigos tenha sido útil, se tiver alguma dúvida ou sugestão deixe um comentário!

Recomendamos que siga este tutorial desde o inicio para acompanhar o nosso raciocínio:

• Como criar um Template WordPress – Parte 1- Introdução
• Como criar um Template WordPress – Parte 2 – Style.css e Header.php
• Como criar um Template WordPress – Parte 3 – Index.php e Archive.php
• Como criar um Template WordPress – Parte 4 – Single.php, Page.php e 404.php

comments.php

Os comentários são parte fundamental de um blog porque é o espaço onde os utilizadores podem exprimir as suas opiniões sobre os artigos e sobre o seu trabalho. O wordpress suporta comentários e o ficheiro responsável por mostrar os comentários e o formulário para comentar é o comments.php. Este ficheiro é chamado pela tag <?php comments_template(); ?> que adicionamos no nosso single.php (ver parte 4 do tutorial).

O código que vamos usar contem um loop que faz várias verificações e mostra os comentários. Ele funciona desta maneira:

• ver se há comentários e mostra-los;
• verificar se os comentários ainda estão abertos e mostrar/não mostrar o formulário dos comentários;
• depois de submeter o comentário ele guarda o comentário na base de dados.

Para começar abra o seu comments.php ou crie um ficheiro com esse nome e depois use o seguinte código:

<?php
// Do not delete these lines
	if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
		die ('Please do not load this page directly. Thanks!');

	if ( post_password_required() ) { ?>
		<p class="nocomments">Este artigo está protegido por password. Insira-a para ver os comentários.</p>
	<?php
		return;
	}
?>

<div id="comments">
	<h3><?php comments_number('0 Comentários', '1 Comentário', '% Comentários' );?></h3>

	<?php if ( have_comments() ) : ?>

		<ol class="commentlist">
		<?php wp_list_comments('avatar_size=64&type=comment'); ?>
    </ol>

		<?php if ($wp_query->max_num_pages > 1) : ?>
		<div class="pagination">
    	<ul>
    		<li class="older"><?php previous_comments_link('Anteriores'); ?></li>
   			<li class="newer"><?php next_comments_link('Novos'); ?></li>
   		</ul>
    </div>
    <?php endif; ?>

	<?php endif; ?>

	<?php if ( comments_open() ) : ?>

	<div id="respond">
			<h3>Deixe o seu comentário!</h3>

			<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
            <fieldset>
				<?php if ( $user_ID ) : ?>

				<p>Autentificado como <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(); ?>" title="Sair desta conta">Sair desta conta &raquo;</a></p>

				<?php else : ?>

            	<label for="author">Nome:</label>
                <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" />

                <label for="email">Email:</label>
                <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" />

                <label for="url">Website:</label>
                <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" />

                <?php endif; ?>

                <label for="comment">Mensagem:</label>
                <textarea name="comment" id="comment" rows="" cols=""></textarea>

                <input type="submit" class="commentsubmit" value="Enviar Comentário" />

                <?php comment_id_fields(); ?>
                <?php do_action('comment_form', $post->ID); ?>
            </fieldset>
        </form>
        <p class="cancel"><?php cancel_comment_reply_link('Cancelar Resposta'); ?></p>
		</div>
	 <?php else : ?>
		<h3>Os comentários estão fechados.</h3>
<?php endif; ?>
</div>

Estilo dos Comentários:

Com este template os nossos comentários estão prontos e a funcionar, mas a aparencia e organização não são as melhores por isso vamos adicionar estas linhas de css ao style.css do tema:

#comments{
	width:630px;
	float:left;
	border-top:1px solid #bebebe;
	}

#comments h3{
	font-size:14px;
	margin:20px 0;
	}

ol.commentlist{
	list-style:none;
	}

ol.commentlist li{
	margin-bottom:30px;
	}

ol.commentlist ul{
	margin:0px;
	}

ol.commentlist ul li{
	margin:20px 20px 20px 40px;
	}

#respond{
	margin:0 0 30px 0;
	clear:both;
	}

#respond form label{
	float:left;
	clear:left;
	width:60px;
	text-align:right;
	margin-right:10px;
	}

#respond form input{
	float:left;
	width:250px;
	margin-bottom:10px;
	}

#respond form textarea{
	float:left;
	width:400px;
	height:100px;
	margin-bottom:10px;
	}

#respond form input.commentsubmit{
	float:left;
	margin-left:70px;
	}

Este estilo não é o “perfeito”, se estiver a criar um tema mesmo para usar recomendamos que personalize ainda mais todos os atributos existentes para tirar o máximo dos comentários.

Como este código e estilo os comentários ficam assim:

Download dos ficheiros

• Download dos ficheiros comments.php e style.css
• Download de todos os ficheiros criados até agora

Conclusão

Com a criação do comments.php temos toda a parte do conteúdo (artigos) pronta. No próximo artigo vamos criar os ficheiros para a lateral (sidebar.php) e rodapé (footer.php) e por fim, no sétimo artigo vamos criar o functions.php, um ficheiro muito importante no tema.

Não perca o resto deste tutorial, subscreva agora a nossa newsletter:

Qualquer dúvida deixe um comentário!

Para poder perceber como tudo funciona e é feito é importante que leia os 3 artigos que já foram publicados:

• Como criar um Template WordPress – Parte 1- Introdução
• Como criar um Template WordPress – Parte 2 – Style.css e Header.php
• Como criar um Template WordPress – Parte 3 – Index.php e Archive.php

single.php

O ficheiro single.php é usado para gerar o conteúdo da página de cada post. Assim como o index.php e archive.php criados da terceira parte desta série de artigos, o single.php também tem um loop e o seu trabalho é mostrar o post, os comentários e uma mensagem de erro caso a página não seja encontrada (neste caso o wordpress usa normalmente o 404.php).

Como o objectivo é apenas ensinar a criar templates, vamos fazer manter esta página simples e usar as mesmas divs/código que usamos na homepage (index.php), mas nos seus temas pode adicionar outras coisas como widgets de partilha, um local para as tags, adicionar os posts relacionados, etc.

Vamos então criar o nosso single.php (ou usar o que está disponível para download) e apagar todo o código que está nele. Vamos usar o código base do index.php, com algumas alterações: aqui não vamos precisar de uma páginação/navegação e temos que adicionar a tag que vai chamar o ficheiro responsável pela parte dos comentários (comments.php).

Começamos por adicionar a tag dos comentários que vai ficar depois da div do artigo (<div class=”artigo”> … </div>):

<?php comments_template(); ?>

Depois alteramos parte do loop que na homepage iria mostrar a navegação. Como não precisamos de uma navegação na página do post, substitui-mos isto:

			<?php endwhile?>
				<div class="navegacao">
					<div class="recentes"><?php next_posts_link('&laquo; Artigos Anteriores') ?></div>
					<div class="anteriores"><?php previous_posts_link('Artigos Recentes &raquo;') ?></div>
				</div>
			<?php else: ?>

… por esta linha de código:

			<?php endwhile; else: ?>

E este é o código final:

<?php get_header(); ?>
	<div id="conteudo">
		<div id="artigos">

			<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
				<div class="artigo">
					<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
					<p>Postado por <?php the_author() ?> em <?php the_time('d/M/Y') ?> - <?php comments_popup_link('Sem Comentários', '1 Comentário', '% Comentários', 'comments-link', ''); ?> <?php edit_post_link('(Editar)'); ?></p>
					<p><?php the_content(); ?></p>
				</div>

				<?php comments_template(); ?>

			<?php endwhile; else: ?>
				<div class="artigo">
					<h2>Nada Encontrado</h2>
					<p>Erro 404</p>
					<p>Lamentamos mas não foram encontrados artigos.</p>
				</div>
			<?php endif; ?>

		</div>

		<?php get_sidebar(); ?>
	</div>
<?php get_footer(); ?>

Além da tag dos comentários e da alteração no loop, fizemos uma alteração que é importante em termos de SEO: no título usamos uma tag <h1> em vez da <h2>. Esta alteração é importante porque devemos dizer aos motores de busca que aquele é o principal assunto/título da página.

Por agora não tem que se preocupar com isto, mas depois seria bom que optimizasse melhor o SEO do tema. Saiba o que deve de fazer e porquê lendo o artigo Dicas SEO que faz parte da série “Como Criar um Blog de Sucesso“.

page.php

Para o conteúdo que não deve de fazer parte do blog (página de contacto, sobre nós, etc), há as páginas estáticas. Estas páginas são mostradas com base no ficheiro page.php e as diferenças entre este ficheiro e o single.php são poucas, normalmente removemos o seguinte:

• informações sobre a página (data em que foi publicada, autor, categoria, etc);
• comentários;
• widgets de partilha e outras coisas que não sejam necessárias nestas páginas.

Vamos usar o código do single.php neste ficheiro, só é preciso apagar duas linhas de código: informação do post e comentários.

	<p>Postado por <?php the_author() ?> em <?php the_time('d/M/Y') ?> - <?php comments_popup_link('Sem Comentários', '1 Comentário', '% Comentários', 'comments-link', ''); ?> <?php edit_post_link('(Editar)'); ?></p>

	<?php comments_template(); ?>

Com estas alterações, temos este código:

<?php get_header(); ?>
	<div id="conteudo">
		<div id="artigos">

			<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
				<div class="artigo">
					<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
					<p><?php the_content(); ?></p>
				</div>
			<?php endwhile; else: ?>
				<div class="artigo">
					<h2>Nada Encontrado</h2>
					<p>Erro 404</p>
					<p>Lamentamos mas não foram encontrados artigos.</p>
				</div>
			<?php endif; ?>

		</div>

		<?php get_sidebar(); ?>
	</div>
<?php get_footer(); ?>

404.php

Este ficheiro é o template das páginas de erro 404 (não encontrado). Se alguém tenta aceder a uma página ou ficheiro que não existe ou não foi encontrado, vai ver esta página por isso ela importante para que você não perca essa visita.

Primeiro comece por informar o usuário que o que ele procura não foi encontrado e que lamenta por isso. Depois coloque ferramentas para que ele possa navegar por outras páginas do blog, alguns exemplos:

• formulário de pesquisa (busca) para que ele tente encontrar o que procura
• uma listagem das categorias ou arquivo por data
• link para a sua página de contacto para que ele possa falar consigo

É importante que a página seja simples e fácil de ler, não se esqueça que o usuário está frustrado por não conseguir ver o que procurava.

Para manter este tutorial simples, vamos adicionar apenas uma mensagem a informar o que aconteceu, mas num tema que vai ser usado num site recomendamos seguir as sugestões anteriores.

Como não há nenhum artigo ou página para mostrar, não precisamos de usar um loop. Vamos apenas pegar na div do artigo, tirar as tags php e escrever manualmente a nossa mensagem:

<?php get_header(); ?>
	<div id="conteudo">
		<div id="artigos">
			<div class="artigo">
				<h1>Erro 404 - Não Encontrado</h1>
				<p>Lamentamos, mas o que você procura não foi encontrado.</p>
			</div>
		</div>

		<?php get_sidebar(); ?>
	</div>
<?php get_footer(); ?>

E o nosso 404.php está pronto!

Download dos ficheiros

• Download dos ficheiros single.php, page.php e 404.php
• Download de todos os ficheiros criados até agora

Conclusão

Nesta quarta parte da série sobre a como criar um wordpress theme temos quase o nosso template pronto, faltam apenas 3 ficheiros: comments.php (comentários), sidebar.php (lateral) e o footer.php (rodapé). Vamos falar neles nos próximos dois artigos.

Se não quer perder os próximos artigos e se ainda não subscreveu a nossa newsletter, faça-o agora e passe a receber os nossos artigos por email:

Esperamos que tenha percebido bem como tudo deve de ser feito, tentamos simplificar ao máximo, mas se ainda assim tiver dúvidas deixe um comentário para que possamos ajuda-lo.