Como personalizar o tema WordPress pelo Customizer

Personalizar um tema WordPress é uma etapa necessária para utilizar qualquer tema após ativá-lo. E com a ajuda do Customizador do tema, você pode fazer isso mais facilmente do que nunca. No entanto, pode ser um pouco difícil quando você se acostumar com esta ferramenta. Portanto, se você está confuso, este artigo será realmente útil para você.

Depois de escolher um tema WordPress e instalá-lo, você deve usar a ferramenta Customizer para personalizar a aparência do site seguindo a demonstração do tema ou seu próprio estilo. A vantagem desta ferramenta é o modo de visualização ao vivo que permite ver os resultados diretamente durante a personalização. Isso economiza tempo e é muito mais fácil de manipular do que editar no back-end (painel de administração).

Aqui estão as etapas básicas para personalizar um tema WordPress com o Customizer para criar um site que seja mais semelhante ao tema de demonstração ou ao seu desejo.

Abra a ferramenta de personalização

Primeiro, vá para Personalizador na barra de administração na parte superior da página ou Painel > Aparência > Personalizar para abrir esta ferramenta.

A interface do personalizador consiste em duas partes principais: a coluna esquerda contém opções de personalização e a tela direita exibe a visualização ao vivo. Esta é a interface mais comum do Customizer.

A coluna da esquerda inclui:

1: O botão Publicar para salvar os resultados após a personalização. Se você fechar o site sem clicar nele, sua personalização não será salva. Portanto, após cada alteração, não se esqueça de pressionar este botão.
2: Esta área mostra o tema que você está usando. Como você pode ver no meu exemplo, estou usando o tema Memória. (Você pode baixar este tema aqui).
3: opções de personalização do tema. Observe que as opções de tema variam de acordo com os diferentes temas.
4: Clique em Ocultar controles para ocultar esta coluna. Além disso, se você quiser ver como a visualização ao vivo se parece em outros dispositivos, basta clicar nos ícones de dispositivo correspondentes aqui.

Depois de se familiarizar com a interface do Customizador, vamos examinar cada opção básica de customização para customizar uma aparência que seja mais semelhante à demo ou à sua ideia. Lembre-se de ler a documentação do tema com atenção, pois ele pode ter diferentes requisitos de customização.

Personalize o tema pelo Customizer

Depois de ativar um tema, seu site ainda não ficou com a aparência de demonstração. A menos que o seu tema suporte a importação de demonstração, você deve personalizar o tema manualmente. As seções personalizadas comuns incluem:

Configurações da página inicial

Esta é a seção mais importante para determinar a exibição de sua página inicial.

Nas configurações da página inicial , há duas opções para mostrar a página inicial: as últimas postagens e a página estática. Dependendo dos requisitos de cada tema, você pode escolher uma opção adequada.

Para um site de leitura como blogs, você deve escolher Suas últimas postagens .

Para páginas de negócios, você deve escolher Uma página estática e , em seguida, selecionar uma página para a página inicial na seção Página inicial e uma página de arquivo na seção Página de postagens . Basta clicar no ícone do menu suspenso em cada seção para selecionar uma das postagens e páginas disponíveis ou clicar em Adicionar nova página para criar uma nova para esses dois itens.

No entanto, se a página inicial escolhida não foi personalizada e configurada, pode faltar recursos especiais, como controle deslizante, call to action, imagem do herói, etc. e você precisará de mais personalização. É melhor você ler as diretrizes do tema para essas configurações.

Identidade do Site

Esta seção ajuda você a alterar as informações sobre o site, como a alteração do logotipo, título, slogan.

Escolha o logotipo, escreva o título e o slogan do seu site. Além disso, pode haver opções para personalizar logotipo, título ou ocultar / mostrar esses itens.

Cor, imagem de fundo e fontes

A maioria dos temas, uma vez ativados, configurará automaticamente cores, planos de fundo e fontes semelhantes à demo. No entanto, caso os elementos acima ainda não estejam prontos, você precisa configurá-los.

Cor

A maioria dos temas é compatível com a seção Cor. No entanto, enquanto alguns temas permitem que você altere a cor de muitos elementos, alguns temas se limitam a alguns.

Primeiro, clique no elemento que deseja recolorir (1) (como cor principal, cor do título ou cor do texto). Você pode escolher uma cor diretamente na paleta (2) ou inserir o código da cor aqui (3).

Fonte

A seção Fonte ou Tipografia permite que você altere os estilos da fonte, fontes da família, tamanho do texto, etc., dependendo de cada tema.

A escolha de uma fonte para a família também depende dos requisitos do tema. A maneira mais fácil é selecionar uma fonte disponível no menu suspenso, como na imagem abaixo. Temas como este geralmente suportam apenas algumas fontes básicas.

Se os seus temas suportam Google Fonts, pode ser necessário obter o código, nome ou link da fonte em fonts.google.com e colar nas caixas como esta.

A vantagem da segunda maneira é que você tem muitas opções de fontes do Google Fonts.

Imagem de fundo

A maioria dos temas permite que você escolha uma foto para definir a imagem de fundo . Na seção Imagem de fundo, clique em Selecionar imagem e selecione uma foto de sua biblioteca ou carregue uma.

Em seguida, você pode editar o estilo, a localização e o tamanho da imagem para que ela se encaixe perfeitamente no seu site.

Para alterar a imagem de fundo, clique no botão Alterar imagem . Se você deseja excluir uma foto de fundo, clique no botão Remover .

Quando você escolhe Repetir imagem de fundo , a imagem de fundo será repetida do início ao fim da página. Se você escolher Rolar com a página , ela será movida junto com a página quando você rolar como abaixo.

Cardápio

A seção Menu lista todos os menus e suas localizações atuais. Tradicionalmente, o menu principal está no cabeçalho. Especialmente, alguns temas permitirão que você exiba mais de um local, como no rodapé, barra superior, menu de slides, etc. Para descobrir quantos locais de menu você possui, observe o texto abaixo do Local do Menu .

O tema Memória, por exemplo, possui apenas um local para o menu. Você pode vê-lo clicando na guia Exibir local . Em seguida, acesse um local do menu e selecione um menu disponível que você deseja exibir lá. Para editar um menu, clique em Editar Menu e clique em Criar Novo Menu para criar outro.

E quanto aos detalhes de criação e edição de um menu? Você pode consultar nosso artigo anterior aqui.

Ferramenta

Widgets são blocos de conteúdo ou função adicionados a algumas áreas de suporte a widgets, como barra lateral ou rodapé. Existem 15 widgets WordPress padrão que permitem inserir vídeos, fotos, galerias, postagens mais recentes, páginas e muito mais. Especialmente, alguns temas oferecem até seus próprios widgets especiais, então você deve descobrir exatamente os widgets de que precisa e, em seguida, selecioná-los corretamente.

Na seção Widget , você verá as áreas que suportam widgets na página atual. O número e a localização dessas áreas também variam de acordo com o tema.

Para adicionar um widget, clique no local para colocá-lo, como rodapé, e clique no botão Adicionar um widget . Você pode escolher um na lista ou usar a barra de pesquisa para encontrar o widget que deseja.

Depois de escolher um widget, alguns como imagem, galeria, vídeo, áudio e páginas podem precisar de configuração adicional para exibi-los como você deseja. Ao fazer isso, você deve ler atentamente a solicitação do widget e segui-la. Não se preocupe, essas etapas são bastante simples.

Para excluir um widget, vá até o desejado e clique em Remover .

O botão Reordenar o ajudará a mover os widgets para outra área do tema. Especificamente, clique em (1), selecione a nova área do widget (2) e clique no botão Mover (3). Além disso, o botão de seta para cima e para baixo (4) ajudará a mover os widgets em uma área. Ao concluir, pressione Concluído (5).

É isso, acabamos com os widgets.

Últimas palavras

A personalização dessas seções acima com o Customizador são etapas gerais e básicas para personalizar seu site de forma que pareça uma demonstração ou sua imaginação. Além disso, existem muitas outras seções diferentes para cada tema. Se você tiver alguma dificuldade na customização, deve ler a documentação ou entrar em contato com o autor do tema imediatamente.

Espero que este artigo tenha ajudado você a criar sua própria aparência fascinante para o seu site.