Na etapa de hoje, falaremos sobre o rodapé do nosso tema e como sempre, recomendo a todos que estão chegando agora a leitura dos posts anteriores deste tutorial, parte I, parte II e parte III.
Na imagem abaixo, como vocês podem ver, está o rodapé do nosso template.

Neste template o rodapé é extremamente simples, mas há temas para o WordPress que adicionam vários recursos, como é o caso do tema Dark (excelente por sinal).
Voltando ao nosso template, vamos dar uma olhada no código fonte.
<div id="footer"> <ul> <li id="copyright" >&copy; 2007 Mighty</li> <li id="links" > <ul> <li><a href="http://validator.w3.org/check/referer">XHTML</a> |</li> <li><a href="http://jigsaw.w3.org/css-validator/check/referer" >CSS</a> |</li> <li><a href="http://www.kulor.com/?ref=mighty_template">Design by Kulor</a></li> </ul> </li> </ul> </div> </body> </html>
Como de praxe, agora vamos ver o código com as tags do WordPress, que deverá ser inserido no arquivo footer.php.
<div id="footer">
<ul>
<li id="copyright">&copy; 2007 <?php bloginfo('name'); ?> |</li>
<li>Powered by <a href="http://wordpress.org/">WordPress</a> |</li>
<li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
<li id="links">
<ul>
<li><a href="http://validator.w3.org/check/referer" >XHTML</a> |</li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" >CSS</a> |</li>
<li><a href="http://www.kulor.com/?ref=mighty_template" >Design by Kulor</a></li>
</ul>
</li>
</ul>
</div>
<?php wp_footer(); ?>
</body>
</html>
Como vocês puderam observar, de fato nosso rodapé é muito simples e apenas algumas tags foram inseridas. Vamos explicá-las:
- bloginfo(’name’) – nome do blog;
- bloginfo(’rss2_url’) – link para o feed RSS;
- wp_footer() – é uma tag especial que permite certos plugins inserir códigos no rodapé de seu tema. Quando esta tag não é inserida vários plugins deixam de funcionar, então não esqueça de colocá-la em todos os seus temas.
Terminamos assim mais uma etapa de nosso tutorial e para a próxima, e última parte, teremos o tema completo para download e as considerações finais. Até a próxima.
Pingback: Como criar um tema para o WordPress - parte V
ola amigo muito bons seu tutoriais mais vc esqueceu de colocar o nome do arquivo q deve ser criado para o rodape
Olá Vinicius,
Você tem toda razão, esqueci completamente!
O nome do arquivo é o footer.php, vou editar agora o post.
Pingback: O primeiro template para Wordpress que fiz por PDL - Puta da Loucura
OPa,
gostaria de saber como eu importo este tema no wordpress… sou novo por la e não sei usar as ferramentas corretamente.
Me responda por e-mail, por favor!
Obrigado!
Ottimoo, Davvero molto interessante!
Pingback: Como criar um tema para o WordPress - parte IV | João Andrade l Web Designer
estudar para vencer
Opa amigo, excelente post!
Um dos melhores que eu achei em portugues do Brasil (não em portugues do Google) rs
Contudo, notei duas coisinhas que podem ser melhoradas facilmente!
Uma, é o Sintax Highlighter, acho que tem que atualizar ou alterar alguma configuração!
Outra, são os eventos do HotWords que estão no meio do código, e talvez quem é novo não consiga concluir o tutorial com felicidade!
De resto, parabens pelo blog em geral e muito sucesso! ^^
Pingback: junichi_y
Pingback: Como criar um tema para o WordPress – parte IV « Presstenção Videos
Pingback: Como criar um tema para o WordPress – parte IV | No Foco