Precisa personalizar um tema WordPress? Talvez você tenha acabado de iniciar seu site pessoal, mas os temas padrão do WordPress não o animam.
Felizmente, o WordPress oferece uma infinidade de opções para ajudá-lo a modificar e projetar o tema do seu site de acordo com suas preferências. Mostraremos como começar.
Etapa 1: alterando o tema padrão
Atualmente, uma instalação básica do WordPress vem com o tema Twenty-Twenty Two definido como padrão. Mas, como você deve ter notado, o tema padrão não tem todos os sinos e assobios que você deseja em seu site. Claro, ele carrega rapidamente e fornece o que é necessário, mas você também deseja que seu site tenha uma boa aparência.
Portanto, você deve considerar substituir o tema padrão do WordPress por algo mais personalizável. Alguns ótimos exemplos são GeneratePress, Astra, OceanWP, Kadence WP, etc.
Para fazer isso, faça login no painel do WordPress do seu site e selecione Aparência da barra lateral esquerda. Em seguida, mude para o Temas seção e clique
Adicionar novo para instalar um novo tema. O WordPress apresentará um catálogo dos temas mais populares e mais recentes. Você pode escolher um desta lista ou digitar manualmente o nome do tema que deseja instalar no campo de pesquisa.De qualquer forma, passe o mouse sobre a entrada do tema quando a vir e clique em Instalar. Então clique Ativar para aplicar o tema ao site ao vivo. Muitos temas do WordPress parecem fantásticos, enquanto você pode ter que personalizar até mesmo o layout básico do site em alguns casos.
Etapa 2: modificar algumas variáveis gerais do site
Depois de instalar o tema que você gosta, o próximo passo é definir algumas variáveis básicas que afetam todo o seu site, como o nome do site, slogan e logotipo. Dirija-se ao Aparência seção e clique Customizar para abrir o personalizador do WordPress. Aqui, você encontrará configurações para modificar a estrutura, o design e a tipografia do seu site.
Observe que os rótulos de opções mencionados abaixo podem ser diferentes com base no tema que você instalou, mas a maioria dos recursos estará presente no personalizador, logo abaixo de um rótulo diferente. Portanto, certifique-se de brincar com as opções antes de fazer qualquer alteração real no site.
Para começar, acesse o Identidade do site seção e insira o nome e o slogan do seu site. Em seguida, crie dois logotipos diferentes para o seu site: o logotipo do cabeçalho e o favicon. O WordPress especificará as dimensões recomendadas para o favicon; você só precisa criar a imagem e enviá-la para a biblioteca. O resto é fácil!
Você também pode optar por ocultar o nome e o slogan do site se estiver carregando um logotipo personalizado.
Em seguida, prossiga para modificar o layout do site alternando para o Esquema seção. Aqui, você pode alterar a largura do contêiner principal, o alinhamento do cabeçalho, o menu de navegação, as barras laterais e muito mais.
É recomendado que você crie seus menus de cabeçalho e rodapé neste ponto—usando o Menus seção—para que você possa se concentrar apenas no lado do design das coisas mais tarde.
Etapa 3: passar para estilos mais avançados
Agora que as coisas fundamentais estão fora do caminho, você terá uma estrutura básica de como seu site ficará. Não se preocupe se ainda não parecer bom. Dirija-se ao Cores seção e selecione as cores primárias para o seu site. Você pode usar um site online para gerar paletas de cores para sua marca.
Em seguida, mude para o Tipografia seção e adicione quaisquer fontes que você gostaria de ter em seu site. Depois de selecionar uma fonte limpa e legível, vá para Widgets. Há uma série de widgets que você pode adicionar ao seu site: campo de pesquisa, comentários recentes, artigos relacionados, galeria, código HTML personalizado, exibição de texto etc.
Selecione o local onde deseja exibir o widget e, em seguida, basta adicionar um usando o recurso de widgets de bloco do WordPress.
Etapa 4: usando código personalizado para personalizar seu tema do WordPress
Um dos muitos recursos do WordPress é sua capacidade de lidar com código personalizado. Você pode adicionar seu código em cima do WordPress e ele refletirá as alterações sem quebrar nada. A única captura? Você precisa ser proficiente em CSS para estilizar HTML e PHP, para alterar a funcionalidade padrão do WordPress.
Para adicionar CSS personalizado ao seu site, vá para o CSS adicional seção dentro do personalizador do WordPress. Aqui, você pode usar classes e IDs para selecionar e estilizar elementos HTML ao seu gosto. Para obter o identificador de elemento para uma entidade HTML, use as ferramentas de desenvolvedor de navegador oferecidas pelo Google Chrome e Mozilla Firefox.
Além disso, para personalizar como o tema funciona, acesse o painel do WordPress e selecione Aparência da barra lateral esquerda. Debaixo Editor de arquivo de tema, você encontrará uma lista de todos os arquivos de tema e um editor que você pode usar para modificá-los.
Você pode alterar qualquer coisa, desde a forma como as postagens aparecem em suas páginas de categoria até como os comentários são mostrados e filtrados editando arquivos PHP.
Etapa 5: criar um tema filho para salvar as personalizações
Suas personalizações deixarão seu site lindo. Mas somente até que o desenvolvedor libere uma atualização de tema. As alterações feitas no seu tema serão perdidas assim que você atualizar seu tema WordPress. Para combater isso, você pode crie um tema filho a partir do seu tema principal do WordPress.
Um tema filho herda o estilo, a aparência e as funções do tema pai e permite que você adicione suas personalizações sobre ele. Dessa forma, sempre que houver uma nova atualização para o tema principal, você pode ter certeza de que a atualização afetará apenas o tema pai e suas personalizações permanecerão intactas.
Dica de bônus: usando um construtor de páginas ou modelos para projetar seu site
Se você não quiser perder tempo gerando uma paleta de cores da marca e personalizando todos os aspectos do seu site, considere usar modelos pré-criados. Um aviso: nem todos os temas do WordPress oferecem modelos para seus usuários gratuitamente, mas há muitos que oferecem.
Portanto, se você estiver com pouco tempo e precisar criar rapidamente um site pessoal ou comercial, instale um tema que vem com diferentes modelos que você pode escolher.
Veja como o site de demonstração fica depois de aplicar um modelo do GeneratePress:
Melhor ainda, você pode usar um construtor de páginas que permite criar páginas personalizadas usando ferramentas de arrastar e soltar. Você também pode editar e criar cabeçalhos e rodapés personalizados com essas ferramentas.
Construtores de páginas do WordPress como Elementor e Divi são um salva-vidas para aqueles que não têm experiência com tecnologias front-end e só precisam de uma maneira rápida de criar belos sites com WordPress sem codificação.
Construindo um site profissional com WordPress
Iniciar um site leva tempo. Você precisa comprar um nome de domínio e configurar a hospedagem, e isso depois de conseguir criar um nome de marca.
Existem quase 1,7 bilhão de sites na internet a partir de agora, e mais estão sendo adicionados a cada dia. Portanto, é importante escolher um nome de domínio exclusivo que ajude sua marca a se destacar da multidão.