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
- Defina quais categorias o seu portfólio terá além da categoria principal (Portfólio) como: logomarcas, impressos, websites, etc;
- 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;
- Agora adicione as outras categorias como logomarcas, impressos, etc. Mas dessa vez deixa a opção parent com o valor Portfólio.
- 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.
- 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
- 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. - Substitua os números acima pelos números que você copiou dos IDs de cada categoria do seu portfólio;
- Insira um link para cada seção do seu portfólio, como no exemplo abaixo:
- 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; - 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.
Ola! Nao sei onde faço esta edição no meu tema que é esse http://www.ndesign-studio.com/resources/wp-themes/glossyblue/
seria apenas a categoria portfolio que esta criada, e mais as sub categorias design e web. tem alguma sugestão ? ja criei tudo falta fazer aparecer este submenu na categoria portfolio. obrigado!!
o arquivo “theloop.php” tá dando erro… k k tá havendo?!?