Menu Lateral do Tema Mighty
Na imagem ao lado vocês estão vendo o menu lateral e nele nos temos o formulário de busca, as listas de categorias, arquivo e blogroll. Todas essas listas são geradas automaticamente pelo WordPress, desta forma sempre que você cria uma nova categoria, por exemplo, ela é exibida no menu lateral sem precisar editar arquivo algum.
Primeiro vejamos o código HTML do menu lateral.
<div id="secondaryContent"><form action=""><p><input /> <button>procurar</button></p></form><h3>Categorias</h3><ul><li><a href="#">Sed eros</a></li><li><a href="#">Condimentum</a></li><li><a href="#">Feugiat sit</a></li></ul><h3>Arquivos</h3><ul><li><a href="#">Julho 2007</a></li><li><a href="#">Junho 2007</a></li></ul><h3>Blogroll</h3><ul><li><a href="#">Sed eros</a></li><li><a href="#">Condimentum</a></li><li><a href="#">Feugiat sit</a></li></ul></div>
Agora vamos inserir as tags do WordPress e ver como fica o código do template.
<div id="secondaryContent"><form id="searchform" method="get" action="<?php bloginfo('home'); ?>"><p><input type="text" name="s" id="s" /><input type="submit" value="Procurar" /></p></form><h3>Categorias</h3><ul><?php wp_list_categories('show_count=1'); ?></ul><h3>Arquivos</h3><ul><?php wp_get_archives('type=monthly'); ?></ul><h3>Blogroll</h3><ul><?php get_links(2, '<li>', '</li>', '', '', 'name'); ?></ul></div>
Visto o código com as tags inseridas mostraremos agora o significado de cada uma. Antes porém, é importante explicar que o formulário de busca segue um padrão, e por isto, basta copiar e colar o código na sua template.
- bloginfo(’home’) – insere a URL inicial do blog;
- wp_list_categories(’show_count=1′); – exibe uma lista com todas as categorias com o número de posts existentes em cada categoria;
- wp_get_archives(’type=monthly’) – lista todos os meses do ano em que foram inseridos posts. Se você escreveu 7 posts no mês de maio de 2007, por exemplo, será exibido um link “maio/2007″ que ao ser clicado exibirá todos os 7 posts que você escreveu;
- get_links(2, ‘<li>’, ‘</li>’, ”, ”, ‘name’) – lista todos os links da categoria 2 (no caso blogroll), inserindo antes a tag “<li>”, depois a tag </li> e exibindo o nome do link.
Assim, concluimos mais uma parte de nosso tutorial. Na próxima etapa veremos o rodapé.
Igor : 14 agosto 2007 Ã s 11:11 am
cade a parte 4 o.O !!!!
Érico Oliveira : 14 agosto 2007 às 3:03 pm
Está saindo do forno.
É provável que na próxima semana já esteja publicado.
Igor : 14 agosto 2007 Ã s 3:49 pm
ok meu template pra wordpress ja ta pronto xD falta eu ler a ultima parte, ei me adiciona no msn que tenho uma proposta interessante ao sr, igor_diniz@msn.com
Como criar um tema para o WordPress - parte IV : 27 agosto 2007 Ã s 8:52 am
[...] 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 [...]
pBlog, Personalize seu blog Wordpress » Blog Archive » Como criar um tema para o WordPress - parte V : 10 outubro 2007 Ã s 11:14 am
[...] está chegando agora, é bom dar uma olhada nos posts anteriores deste tutorial, parte I, parte II, parte III e parte [...]
pBlog: dicas, truques e macetes para Wordpress : 18 março 2008 às 9:40 am
[...] Como criar um tema para o WordPress – parte III [...]
Não sabe fazer? procure um tutorial : Info Dinheiro : 28 abril 2008 às 6:54 pm
[...] Como criar um tema para o WordPress – parte III [...]
Matheus : 30 janeiro 2009 Ã s 7:58 pm
Como eu faço para adicionar duas colunas na lateral do theme ?
Obrigado.
MicNeupe : 09 fevereiro 2009 Ã s 9:16 am
Ценные рекомендации, беру на заметку
Francisco : 24 fevereiro 2009 Ã s 9:11 pm
Olá Érico,
utilizando a tag faz com que, além de estar o tÃtulo “Categorias” por nós escrito, também aparecer pela tag escrito ‘categorias’
Sendo assim ficam duas “categorias” na sidebar, a nossa em Hx e a da tag php.
Mas no seu exemplo isso não aconteceu. Ainda vou olhar a documentação do WP quanto a isso, mas caso saiba me dizer o porque e como tirar, obrgiado.
O link do exemplo/blog está adicionado acima.
Abraços
Como criar um tema para o WordPress - parte IV | João Andrade l Web Designer : 15 maio 2009 às 2:58 pm
[...] 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 [...]
Como criar um tema para o WordPress - parte III | João Andrade l Web Designer : 15 maio 2009 às 4:42 pm
[...] o código com as tags inseridas mostraremos agora o significado de cada uma. Antes porém, é importante explicar que o formulário de busca segue um padrão, e por isto, basta copiar e colar o código na [...]
Como criar um tema para o WordPress - parte V | João Andrade l Web Designer : 15 maio 2009 às 5:03 pm
[...] está chegando agora, é bom dar uma olhada nos posts anteriores deste tutorial, parte I, parte II, parte III e parte [...]