Tutorial: Instalando e customizando Temas no Wordpress.

Você instalou o Wordpress e tem grandes ambições para seu site, mas não sabe onde começar. Hoje vamos instalar e configurar seu Tema.

A Bootstrap Brasil tem um curso sobre criar seu serviço com Wordpress. Hoje vamos compartilhar um passo básico, mas fundamental: Configurar seu visual. Para ilustrar do que estamos fazendo, vamos criar nosso serviço fictício Chef Chez Vous.

Instalar um Tema no Wordpress é muito simples. Você pode baixar temas gratuitos e modificar seus visuais para criar um site único.

Nesse primeiro tutorial veremos como instalar um tema. Mais adiante, veremos como temas funcionam, e como criar temas-filho para ainda mais customização.


Para começar, vamo escolher a opção Temas do menu lateral esquerdo do sistema de administração.

Aparência > Temas no painel de administração

A lista todos os temas instalados no sistema.

O Wordpress pode conter diversos temas, mas apenas um pode ser ativado por vez.

A instalação padrão vem com 3 temas de ótima qualidade, mas nós queremos um visual diferenciado para nosso site!

Para adicionar um novo tema, vamos escolher a opção Adicionar Novo

Adicionar novo tema

Na tela seguinte podemos pesquisar um repositório de temas gratuitos que estão a nossa disposição.

Podemos também fazer uploads de temas, caso estejamos criando nosso próprio visual ou usando um tema premium que não está disponível para baixar pelo site.

Para o Chef Chez Vous escolhi um tema chamado RiseWP. Esse tema é simples, limpo e tem muitas opções de configuração.

Vamos digitar “RiseWP” na caixa de pesquisa e escolher a opção instalar do tema que escolhemos.

Escolher o tema

O sistema vai baixar e instalar o tema automaticamente.

Uma vez que a instalação esteja completa, a caixa de informação vai mudar para nos informar do fato, e podemos ativar nosso novo visual.

Instalado com sucesso!

Agora vamos visitar nosso site usando a barra no topo do painel.

Nosso site vai estar com um novo visual!

Mas ainda está vazio. Queremos mudar alguns aspectos para encaixar melhor com nossa marca.

Para isso vamos usar a opção Personalizar

Personalizando o tema

A tela personalizar dá controle a diversos aspectos do visual de nosso site.

As opções disponíveis variam de tema a tema!

Menu de personalização

A primeira mudança que queremos é usar nosso logo. Para isso vamos escolher a opção Identidade do Site na barra a esquerda.


Painel: Identidade so site

Na secão identidade vamos escolher Selecionar Logo

Isso vai abrir o gerenciador de mídia, que centraliza todos as imagens e documentos que usamos no site.

Para adicionar uma nova imagem, basta arrastar a imagem que você quer de seu computador para o site.

Subindo imagens

O upload vai ser feito automaticamente e a imagem estará disponível para todo o site.

Agora basta escolher selecionar para salvar nossa imagem como logo.

Selecionando imagens da biblioteca de mídia

Pronto!

Agora temos um novo logo.

No exemplo também mudei a cor dos links para laranja usando as opções de personalização.

Produto final

Próximos passos:

Instalar um tema é apenas um pequeno passo em criar o seu visual. Agora temos que acertar os menus e widgets, e claro, criar o conteúdo!

Também podemos criar Temas Filho para ter ainda mais controle sobre o layout.

No próximo tutorial veremos como criar e editar menus no Wordpress.


Originally published at eo — Information and Culture.