Wilson Iwano - Portfólio e Blog

[update] Recebi um e-mail do Maurício Lancaster com algumas dúvidas sobre esse tutorial. Por isso estou fazendo uma revisão dele, colocando algumas imagens para facilitar a compreensão do tutorial. [/update]

Durante muito tempo fiquei ensaiando para fazer um portfólio com meus trabalhos publicitários e de web feitos tanto na Ággil Publicidade, quanto freelancer. Como não sou programador, pensei em projetar um portfólio inteiro em HTML e atualizá-lo manualmente, sem nenhum sistema ou banco de dados. Acordando do sonho, vi que não era um caminho viável. Então, pensei que poderia fazer em Flash… tudo animado, piscando, rodando, tsc tsc… Mas também pra atualizar seria uma novela.

Depois de todas essas viagens, comecei a ver a possibilidade de fazer um portfólio com o Wordpress. Comecei a pesquisar sobre isso, e infelizmente não achei muita coisa. Encontrei algumas alternativas, mas nenhuma que eu realmente gostasse.

Neste tutorial, vou tentar passar todas as etapas do desenvolvimento deste meu portfólio e blog com o Wordpress. Espero que seja de alguma ajuda!

Pré-requisitos

Para agilizar a edição e visualização das modificações que você fará no Wordpress, eu sugiro a instação do EasyPHP 1.8. Ele instala no Windows, o servidor web (Apache) e o banco de dados MySQL, tudo muito fácil como se você fosse instalar um programa qualquer (MSN por exemplo).

Para instalar e configurar o EasyPHP, acesse este artigo do site Criar Web.

1º Passo - Download e Instalação do Wordpress

1. Faça o download da última versão do Wordpress em wordpress.org/download/;
2. Descompacte o conteúdo do arquivo e copie para a pasta C:\Arquivos de programa\EasyPHP1-8\www;
3. Execute o EasyPHP, acesse http://127.0.0.1/mysql/ no seu navegador e crie um banco de dados com um nome de sua preferência (wordpress por exemplo).
4. Renomeie o arquivo wp-config-sample.php para wp-config.php. Se você não tem um editor para arquivos PHP, faça o download do PSPad, instale-o e edite o conteúdo do arquivo wp-config inserindo o nome do banco de dados que você acabou de criar e salve. As outras informações pode deixar do jeito que está. Exemplo:
   define('DB_NAME', 'wordpress');;
5. Execute o EasyPHP. As luzes dos dois ícones (representando o Apache e o MySQL) tem que estar verdes, como na figura abaixo:
6. No seu navegador, entre no endereço http://localhost/wordpress e siga os passos de configuração do Wordpress. Após o término, será enviado um e-mail para você com seu login e senha e você poderá acessar a administração do Wordpress no endereço http://localhost/wordpress/wp-admin/;
7. Pronto! Seu Wordpress já está rodando e pronto para ser personalizado

2º Passo - Escolhendo e instalando um tema base

Fazer um tema do zero não é uma missão impossível, mas também não é muito fácil. Assim sendo, resolvi escolher um tema base e a partir dele fazer as alterações necessárias para o portfólio.

Analizando alguns temas, resolvi me basear no K2. Ele é um tema que possui um suporte bem legal e parece ser bem estável e com muitos recursos. Mas você pode escolher o tema que desejar para o seu portfólio. Inclusive no post 83 Beautiful Wordpress Themes You (Probably) Haven’t Seen tem vários temas muito legais para você começar a construir seu portfólio.

Para instalar um tema, siga os passos a seguir:

1. Faça o download do arquivo com o tema;
2. Descompacte-o no diretório C:\Arquivos de programas\EasyPHP1-8\www\wordpress\wp-content\themes\;
3. Entre na administração do Wordpress, vá na opção Presentation e clique na imagem do tema que você deseja ativar;
4. Acesse o seu blog para ver se está tudo certo com o novo tema.

Até aqui você já instalou o Wordpress e já tem um tema base para o seu portfólio. Se você já sabia como fazer tudo isso, desculpe-me, mas eu tinha que começar bem do início para aqueles que ainda não estão familiarizados com o Wordpress.

Na 2ª parte do tutorial estarei explicando como criar as categorias para cada seção e sub-seção do portfólio (como logomarcas, impressos, web, etc.) e também como fazer a navegação dentro da seção Portfólio. Até mais.

Veja a 2ª parte do tutorial Como fazer um portfólio com Wordpress