Como personalizar um tema WordPress para torná-lo adequado à sua marca

Os temas do WordPress vêm em diferentes formas e tamanhos, mas as técnicas de personalização do tema permanecem semelhantes. Se você souber como personalizar um tema, será muito mais fácil lidar com outro.

Neste artigo, gostaríamos de cobrir o tema Cloe Brooks WordPress para sites médicos e mostrar como você pode personalizar seu design, layout e basicamente torná-lo seu.

Tema vazio x conteúdo de demonstração

Depois de instalar um tema, você tem duas opções: construir suas páginas e layouts do zero ou instalar dados fictícios pré-construídos que preencheriam as páginas para você e tornariam seu site bonito desde o início.

Cada forma tem seus prós e contras, por exemplo, se você escolher importar os dados de demonstração, pode ser necessário limpar seu site depois e remover páginas, postagens, categorias desnecessárias, etc. Com a instalação limpa, entretanto, pode ser muito tempo consumindo para recriar os layouts e configurações da página original.

Aconselhamos você a ir com a opção de conteúdo de demonstração e instalar os dados de demonstração do site completo. Seria muito mais fácil substituir texto e imagens pelos seus e excluir o restante dos dados, em vez de construir tudo do zero. Afinal, excluir conteúdo é mais fácil do que criar.

Logotipo e favicon do site

Após a instalação do conteúdo de demonstração, podemos começar a personalizar nosso site. A maneira mais direta de fazer isso é enviar seu logotipo e favicon.

Esses dois componentes separam seu site de outros e o tornam distinto.

Se você ainda não tem um logotipo, não se preocupe. Você pode usar um título de site. Um título de site junto com um slogan ainda pode produzir uma aparência profissional para seu site e seria mais preferível do que um logotipo de imagem mal feito.

Um favicon é outro elemento de identidade da marca que você pode configurar aqui. Ele é exibido no início de uma guia em seu navegador. Para fazer upload de um favicon, use uma imagem .png de 512 pixels de largura.

Para fazer upload de um logotipo, vá para Aparência> Opções de tema> Personalização e na seção 'Logotipo principal' selecione a imagem do logotipo. Se o seu logotipo parecer muito grande ou muito pequeno, você pode alterar isso ajustando o valor de 'Altura do logotipo'.

Esquema de cores

O esquema de cores é parte integrante de qualquer design, e a capacidade de alterá-lo dá a você a liberdade de personalizar seu site em grande medida.

Por padrão, o tema Cloe Brooks apresenta uma combinação de cores pastel quentes e azuis. Essas tonalidades de cor se encaixam bem em um site médico. No entanto, se eles não corresponderem às cores da sua marca, ou você simplesmente quiser que o esquema de cores seja um pouco diferente, você pode ajustá-los no painel de opções do tema.

Vá para Aparência> Fontes e cores e selecione Esquemas de cores . Você pode ver que Cloe Brooks vem com dois esquemas de cores padrão, claro e escuro. Eles são úteis se você deseja alterar a aparência do seu site rapidamente e deseja preservar as opções de cores originais do designer.

No entanto, você também pode alterar as cores originais e redesenhar um esquema de cores completamente. Provavelmente, a solução menos demorada seria alterar as cores de destaque do tema. Dessa forma, você pode ver mudanças consideráveis ​​na paleta de cores do site instantaneamente. Para uma mudança mais radical, você também pode ajustar as cores de outros elementos do site, como campos de entrada, cores de fundo principais e alternativas, cores de destaque de borda, etc. Essas são mudanças sutis, mas necessárias se você estiver planejando mudar o design completamente .

Outra coisa excelente é que você pode visualizar as alterações de cor e vê-las em combinação com outros elementos do site no painel de configurações de cores.

Em alguns casos, você pode ver que alguns dos elementos na demonstração do tema não parecem ter as cores recém-atribuídas. Isso significa que as cores desses elementos são atribuídas por meio do Visual Composer. Você pode abrir as páginas correspondentes com esses elementos e corrigi-los ou ignorá-los até começar a enviar seu conteúdo.

Uma opção útil é que você pode salvar suas configurações de esquema de cores atuais como um novo esquema de cores ou duplicar um existente para salvá-lo, caso queira mudar para as cores originais do tema.

Depois de personalizar seu esquema de cores, atribua-o na guia Estilo do corpo em Aparência> Opções de tema> Personalização.

Tipografia

Embora a tipografia possa parecer não tão importante quanto o esquema de cores ou imagens para o seu site, na realidade as fontes têm um impacto ainda maior em seus visualizadores. Se o seu conteúdo não tiver um estilo impróprio, seus leitores terão dificuldade em entender sua mensagem.

Cloe Brooks apresenta um elegante tipo de letra sem serifa personalizado, mas se necessário, você pode trocá-lo por qualquer outra fonte de sua preferência. Você pode selecionar uma fonte disponível da coleção Google Fonts ou fazer upload da sua própria.

Você pode encontrar as configurações de fonte do tema em Aparência> Fontes e cores> Fontes. As configurações são versáteis e fornecem um ótimo controle sobre o estilo do texto do seu site. Ajuste fontes para elementos como títulos, corpo de texto, links, campos de entrada, botões, itens de menu e muito mais. Você pode selecionar o estilo da fonte, peso, altura da linha, decoração e até mesmo especificar as margens superior e inferior de um elemento.

A tipografia é um campo sutil e, se você for um iniciante, pode ser fácil bagunçar as coisas. Se você nunca lidou com tipografia antes, mas ainda gostaria de dar uma aparência diferente ao seu tema, recomendamos prestar atenção às opções de fonte do tema original e substituí-las por fontes do mesmo estilo. Por exemplo, se o tema original usa uma fonte sem serifa, é melhor substituí-la por outra fonte sem serifa.

Outra dica é manter o contraste entre os diferentes grupos de fontes, por exemplo, os cabeçalhos e a fonte do corpo. O contraste pode ser obtido com a ajuda do tamanho, cor, espessura da fonte e estilo da fonte.

Contas sociais e informações de contato

A próxima etapa seria preencher suas informações de contato e adicionar contas de mídia social ao seu site.

Você pode encontrar as configurações de mídia social em Aparência> Opções de tema> Redes sociais .

Você é livre para adicionar quantas contas precisar, especificando o link do endereço e um ícone de sua rede social.

Para integrar o feed do Twitter em seu site, aqui você precisaria preencher os detalhes da API do Twitter, como chave do consumidor, segredo do consumidor, etc.

Suas informações de contato podem ser inseridas em Aparência> Opções de tema> Informações de contato. Lá você pode especificar seu endereço de e-mail, endereço da empresa, horário de funcionamento, número de telefone e muito mais. Essas informações serão usadas nas seções de cabeçalho e rodapé de seu site.

Empacotando

Embora haja muito mais coisas que você pode personalizar no tema Cloe Brooks, aqui cobrimos os mais importantes.

Cobrimos etapas como se precisamos ou não instalar os dados de demonstração e como fazer upload de um logotipo e um favicon. Também aprendemos como ajustar o esquema de cores e a tipografia de nosso site. Por último, aprendemos onde exatamente em nosso tema podemos especificar nossas informações de contato e links para as contas de mídia social.

Como você pode ver, a personalização do tema não é tão assustadora quanto pode parecer à primeira vista. Requer um pouco de tempo e paciência, mas se o seu tema for construído corretamente, o processo se torna fácil e intuitivo. Qual é sua experiência com a personalização de temas do WordPress? Compartilhe conosco sua opinião nos comentários.