Este artigo foi escrito por Vinicus Souza, com a colaboração de Fernando Martin.

***

No artigo passado, você acompanhou como instalar o WebMatrix e configurar o seu primeiro blog no WordPress utilizando o MySql.

Nesse novo artigo, iremos customizar o seu blog utilizando a funcionalidade de temas do WordPress, os temas permitem de maneira rápida e fácil, mudar o layout do seu blog, deixando-o mais atrativo e alinhado com o conteúdo que será apresentado, criando uma linguagem visual que cative o usuário.

Na internet existem milhares de temas disponíveis de diferentes formas e cores, alguns gratuitos e outros pagos. Os temas gratuitos podem ter sido bastante utilizados por outros blogs, o que pode ocasionar na perda da identidade visual do seu, mas calma! É possível customizar os temas que iremos utilizar.

Para nosso exemplo utilizaremos um tema deste site, mais especificamente o tema vegetable, que possui a seguinte aparência.

Se você gostou desse tema, assim como nós gostamos, clique sobre o link donwload.zip no topo da página para iniciar o download. Salve o arquivo onde achar melhor em seu computador, para fins de exemplificação utilizaremos a pasta C:UsersvisouzaDownloads. Agora vamos incluir o tema em nosso blog. Abra o WebMatrix e na janela inicial clique sobre Open Site e em seguida clique sobre My Sites.

Na janela seguinte do lado esquerdo, você terá duas opções Recent e All. A opção Recent exibe todos os projetos que você trabalhou recentemente, em quanto a opção All vai exibir todos os projetos já criados no WebMatrix. 

Selecione o nosso blog “MeuBlog”, ou caso tenha utilizado um nome diferente, selecione a pasta com o nome que você utilizou e clique sobre o botão OK. Quando o projeto abrir, a aba selecionada por padrão é a Site (canto inferior esquerdo) no destaque abaixo. 

Para instalar o tema, utilizaremos a aba Files. Clique sobre ela para visualizarmos os arquivos do nosso blog.

No WordPress os arquivos de temas ficam localizados na pasta /wp-content/Themes, por padrão o WordPress possui dois temas: o twentyeleven e o twentyten. Para cada tema instalado teremos uma nova pasta nesse diretório.

Inicie o WordPress, clicando no botão Run localizado no canto superior. Veja o detalhe.

Quando o navegador é iniciado, nós visualizamos o conteúdo disponível para os visitantes do blog.

Esse é o layout do nosso blog, utilizando o padrão do WordPress. Para alterar o tema, temos que acessar o módulo Admin e para acessá-lo altere a Url do navegador acrescentando wp-admin à url. Após a alteração teremos a seguinte url: http://localhost:17193/wp-admin/ – não se preocupe com o número em negrito pois ele é gerado aleatoriamente pelo WebMatrix. Entre com o usuário admin e a senha cadastrada quando realizamos o primeiro acesso ao WordPress.

Após digitar os dados de acesso para o usuário admin, clique no botão Log In e acesse o item de menu Appearance, veja o detalhe abaixo.

Sob o item Appearance possuímos alguns novos itens, mas o que nos interessa nesse momento é o item Themes (Tema em Inglês), que já se encontra aberto.

Verificando a página que foi aberta, notamos a existência de duas abas no topo da página com os itens Manage Themes e Install Themes.

Em Manage Themes podemos trocar o tema corrente (exibido em Current Theme) por um dos temas listados em Available Themes. Para alternar entre os temas previamente instalados é muito simples.

Sobre a descrição de cada Tema listados em Available Themes existem 3 links, são eles:

• Activate – Para ativar o Tema em questão, substituindo o Tema utilizado;
• Preview – Permite visualizar o blog com o novo tema sem aplica-lo definitivamente – essa é uma ótima opção para ter uma ideia de como o blog irá se comportar;
• Delete – Exclui o Tema da lista de Temas disponíveis.

Para instalar o Tema que fizemos download no início do nosso artigo, temos que acessar a aba Install Theme.

Ao abrir a aba Install Theme, temos uma lista de opção com os itens Search, Upload, Featured, Newest e Recently Updated. É possível fazer instalação de um novo tema diretamente pelo wordpress sem fazer o download, mas fizemos você passar por essa etapa, justamente para que verificasse a quantidade de fontes disponíveis na internet.

Clique na segunda opção Upload e em seguida clique sobre o botão Browse….

Na caixa de diálogo, selecione o arquivo com extensão zip que fizemos download e em seguida clique em Open.

A caixa de diálogo irá se fechar e o caminho do arquivo selecionado será preenchido na caixa de texto existente do lado esquerdo do botão Browse. Clique no botão Install Now para dar início ao upload do arquivo e a instalação.

Se a instalação foi executada com sucesso, você verá uma nova página com os seguintes dizeres.

Os links existentes logo abaixo da mensagem permitem:

• Preview – Possibilita visualizar o Tema aplicado no blog sem ativá-lo;
• Activate – Altera o Tema corrente por esse que acabamos de instalar;
• Return do Themes page – Volta para a página de listagem de Temas.

Nós recomendamos que sempre seja feito um Preview antes de aplicar o Tema, principalmente quando o blog estiver em produção.

E lembre-se que quando o blog estiver publicado na internet, as alterações realizadas podem ser sentidas por usuários que estejam navegando no exato instante que você esteja realizando uma alteração.

Iremos ativar o Tema, clicando em Activate e seremos direcionados para a página de Temas.

Finalmente para visualizar o Tema aplicado, acesse a Url inicial sem o /wp-admin.

Não pare por ai! Você pode acessar os arquivos do Tema no WebMatrix na pasta /wp-content/themes/vegetable e modifica-los, criando o seu tema customizado.

Em nosso próximo artigo iremos cobrir a funcionalidade de publicação do WebMatrix, utilizando o WebDeploy e FTP.

Até mais.

*

Gostou? Clique aqui e saiba mais sobre o WebMatrix.

***

Autores

	Vinicius Souza – @vbs_br – Bacharel em Ciência da computação com experiência de mais de 10 anos em desenvolvimento utilizando diferentes plataformas, com ênfase em Java e .Net. Atualmente trabalha como especialista em desenvolvimento na Microsoft.
	Fernando Martin (Caverna) – @fernandomartin – Developer desde 2001, entusiasta por ferramentas de desenvolvimento, frameworks e games. Apaixonado por novas tecnologias e inovação, XBOX e fotografia, integrante do time de especialistas da Microsoft.