DIA 2

PERSONALIZANDO O SEU BLOG

Se você acessou o blog que colocamos no ar ontem, vai ver que ele é muito simples, e um pouco sem personalidade.

Por isso, hoje vamos cuidar da personalização do seu blog.

Se você nunca usou o WordPress, eu sugiro que você assista ao vídeo, pois lá eu te mostrei cada clique que você precisa fazer para personalizar o seu blog.

Primeiramente, mude o idioma da sua plataforma para português.

Para fazer isso, acesse o seu painel do WordPress (seudominio.com.br/wp-admin e faça login com as suas credenciais).

No menu lateral escolha configurações >> geral.

E mude o idioma do site (site language) para português brasil.

Em seguida, vamos instalar um outro tema.

No menu lateral, escolha aparência >> temas.

Clique em adicionar novo.

E procure por GeneratePress. 

Vamos usar esse tema ele é muito leve, rápido, responsivo e fácil de personalizar.

Clique em instalar, e então ativar.

Com o tema no ar, no menu do WordPress vá em aparência >> personalizar.

Em Identidade do Site, faça upload do seu logo.

Em cores, mude a cor dos links para as cores da sua marca.

E em tipografia, escolha quais fontes quer usar no seu blog.

Clique em salvar e volte para o seu painel do WordPress.

Em seguida, vamos criar duas páginas de apoio para inserir no menu.

Para criar uma página, no painel escolha Páginas >> Adicionar Nova.

Crie uma página SOBRE, e uma página CONTATO.

Vamos também criar categorias, que posteriormente serão as categorias dos nossos posts.

Para criar categorias vá em Posts >> Categorias.

Escolha o nome da categoria e o slug (URL) e clique em Criar Categoria.

Com as páginas e categorias criadas, vamos configurar nosso menu.

Para isso, no painel vá em Aparência >> Menu.

E adicione as páginas e categorias que você acabou de criar no menu.

Selecione o menu como menu principal.

E clique em salvar menu.

Para configurar a barra lateral, vá em Aparência >> Widgets.

Widgets são pequenas seções que podemos adicionar em locais do nosso blog.

No caso, vamos adicionar algumas seções à nossa barra lateral.

Vamos adicionar uma widget de HTML personalizado, onde vamos inserir uma imagem de perfil e um pequeno texto abaixo.

O código para essa imagem e texto pode ser encontrado aqui.

Em seguida uma widget de vídeo, usando a URL de um dos nossos vídeos do YouTube.

E uma outra widget de HTML personalizado para inserir o banner de um parceiro.

Lembrando que você não precisa adicionar essas widgets, esse é só um exemplo. Escolha widgets que façam sentido para o seu blog e para o seu conteúdo.

Por último, vamos editar o nosso rodapé.

Para fazer isso, vá em Aparência >> Personalizar.

Escolha a opção widgets.

E escolha widgets do rodapé. Aqui, vamos inserir widgets no rodapé 1 e no rodapé 3.

Para o rodapé 1, vamos inserir uma widget de imagem, que será o nosso logo.

Já para o rodapé 3, queremos inserir nossas redes sociais.

Para isso, colocaremos uma widget de HTML personalizado, e vamos colocar com tags HTML a imagem de cada uma das redes, dentro da tags de link.

O código dessa widget pode ser encontrado aqui.

E você pode fazer download dos ícones das redes sociais no site simpleicons.org

Depois disso, as partes mais importantes do seu blog já estarão personalizadas.

Essas são as partes que as pessoas irão ver quando acessarem os seus posts, que são a parte mais importante do seu blog.

Existe ainda, porém, uma última personalização que você pode fazer para deixar o seu blog ainda melhor.

Criar uma página inicial personalizada.

E é isso que vamos aprender amanhã.

Não quer esperar até lá?

Então aprenda como criar a sua página inicial personalizada agora mesmo clicando no botão abaixo.

P.S.: Para usar os ícones das redes sociais do Simple Icons, você vai precisar instalar um plugin de suporte a imagens SVG. Eu sugiro o SVG Support.

Não sabe como instalar um plugin? Então aprenda assistindo esse vídeo.