Wilson Iwano - Portfólio e Blog

Depois de termos visto como instalar o Wordpress, o Easyphp e um tema base para o portfólio, vamos ver agora como personalizar o tema e criar o menu de navegação para o portfólio.

Se você não leu a parte 1 deste tutorial, por favor dê uma olhadinha antes de continuar.

Idéia geral do portfólio

A idéia geral deste portfólio com Wordpress é criar uma categoria portfólio e subcategorias para cada seção como logomarcas, websites, impressos, etc. Somente nestas categorias e subcategorias aparecerá um menu que apresenta uma lista das subcategorias, como você pode ver no meu portfólio.

1º Passo - Criando as categorias

1. Defina quais categorias o seu portfólio terá além da categoria principal (Portfólio) como: logomarcas, impressos, websites, etc;
2. Na administração do Wordpress clique em Manage e depois em Categorias. Clique em add new e adicione primeiramente a categoria Portfólio, deixando a opção parent com o valor none;
3. Agora adicione as outras categorias como logomarcas, impressos, etc. Mas dessa vez deixa a opção parent com o valor Portfólio.
4. Com as categorias já criadas, clique no botão Categories na barra de menu superior. Lá serão listadas todas as suas categorias. Anote o ID (a primeira coluna com uns números) de cada categoria do seu portfólio, pois eles serão usados para fazer o menu.
5. Clique em Write na barra superior de menu e escreva um post qualquer. Selecione todas as categorias na caixa Categories do lado direitro da tela e clique em Publish logo abaixo da caixa de texto. Isso serve para deixar visível todas as categorias, pois mais pra frente você vai precisar visualizar todas elas.

2º Passo - Criando o menu

Como neste tutorial eu estou utilizando o tema K2 como base, vamos editar o arquivo theloop.php que está no seguinte caminho (se você estiver utilizando o EasyPHP): \www\wordpress\wp-content\themes\k2\theloop.php dentro da pasta www do EasyPHP

1. Faça o download do arquivo theloop.php já editado aqui. Abra-o no seu editor (PSpad como sugerido na parte 1 do tutorial) e compare-o com o seu theloop.php. Você vai reparar que após a linha 54 existe o comentário e o código:
   


   Este código diz para o Wordpress que o menu será mostrado apenas nas categorias com os IDs especificados neste código.
2. Substitua os números acima pelos números que você copiou dos IDs de cada categoria do seu portfólio;
3. Insira um link para cada seção do seu portfólio, como no exemplo abaixo:
   
4. Logomarcas


alterando os links http://link para os correspondentes de cada seção. Para isso, acesse seu blog e clique em cada categoria listada na barra lateral. Copie o link e cole no código substituindo o http://link;

5. Feito isso, salve o arquivo e faça um teste entrando na categoria Portfólio. O menu já deve estar aparecendo. Tente navegar por ele clicando nas opções. O menu deve aparecer somente nas categorias do seu portfólio.

Concluindo a 2ª parte do tutorial já estamos com nosso portfólio funcional. Faça alguns testes inserindo posts com as peças do seu portfólio e separando cada um na sua respectiva categoria. Na 3ª parte eu estarei colocando um pouco de CSS no menu para deixá-lo com uma apresentação melhor e mostrando também como mandar tudo para um servidor na internet.