pBlog

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.

1. <div id="footer">
2. <ul>
3. <li id="copyright" >&amp;copy; 2007 Mighty</li>
4. <li id="links" >
5. <ul>
6. <li><a href="http://validator.w3.org/check/referer">XHTML</a> |</li>
7. <li><a href="http://jigsaw.w3.org/css-validator/check/referer" >CSS</a> |</li>
8. <li><a href="http://www.kulor.com/?ref=mighty_template">Design by Kulor</a></li>
9. </ul>
10. </li>
11. </ul>
12. </div>
13. </body>
14. </html>

Como de praxe, agora vamos ver o código com as tags do Wordpress, que deverá ser inserido no arquivo footer.php.

1. <div id="footer">
2. <ul>
3. <li id="copyright">&amp;copy; 2007 <?php bloginfo('name'); ?> |</li>
4. <li>Powered by <a href="http://wordpress.org/">WordPress</a> |</li>
5. <li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
6. <li id="links">
7. <ul>
8. <li><a href="http://validator.w3.org/check/referer" >XHTML</a> |</li>
9. <li><a href="http://jigsaw.w3.org/css-validator/check/referer" >CSS</a> |</li>
10. <li><a href="http://www.kulor.com/?ref=mighty_template" >Design by Kulor</a></li>
11. </ul>
12. </li>
13. </ul>
14. </div>
15. <?php wp_footer(); ?>
16. </body>
17. </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.