Como usar o WordPress Theme Customizer

Escolher um tema WordPress perfeitamente adequado à marca é apenas o começo da criação de um site personalizado. O WordPress tem um personalizador de tema integrado, permitindo que você faça ajustes de design e estilo em seu site e os visualize ( antes de publicá-los ao vivo) em tempo real. Mesmo o melhor tema de um site pode usar refinamentos para torná-lo certo para seus propósitos. Vamos examinar o personalizador do WordPress em detalhes, desde como acessá-lo até tudo que ele pode fazer por você.

Inscreva-se no nosso canal no Youtube

Onde está localizado o personalizador de temas do WordPress?

Todo site WordPress vem com o personalizador de tema padrão. Para acessá-lo, faça login no painel de administração do WordPress e navegue até Aparência> Personalizar, que você pode encontrar na barra lateral esquerda. Isso abre o personalizador para o seu tema atual. (Quando quiser sair do personalizador, clique no X no canto superior esquerdo.)

Não importa o tema que você está usando, sempre há os mesmos painéis padrão de base no personalizador. E é aqui também que outros temas avançados e personalizados adicionarão suas próprias opções, tornando mais fácil para você fazer alterações em um só lugar.

Quais são os recursos e funções do personalizador?

Depois de abrir o personalizador, você verá as opções de personalização à esquerda da tela e a visualização do seu site à direita. Lembre-se de que a visualização não é o que parece ao vivo; em vez disso, é o que o seu site vai olhar como uma vez as mudanças foram publicados.

Para fazer alterações usando o personalizador, clique no painel individual no qual deseja trabalhar. Ou clique no ícone do Lápis Azul para abrir as configurações desse item se o ícone estiver presente (apenas alguns elementos o terão).

Agora examinaremos os diferentes recursos e configurações do personalizador de temas do WordPress que você pode escolher.

Personalização do título, logotipo e favicon

No painel Identidade do site, você pode atualizar o título, slogan, logotipo e favicon. As instruções são bem definidas neste painel. Por exemplo, para fazer upload de um logotipo ou favicon, escolha as opções Selecionar logotipo ou Selecionar ícone do site.

Aqui estão algumas coisas que você deve saber:

• O título do site aparecerá na parte superior do seu site na seção de cabeçalho principal.
• Se você não atualizar ou remover o slogan, seu site usará o padrão do WordPress: “Just Another WordPress Site”.
• Apenas alguns temas suportam logotipos. Você pode adicionar seu logotipo neste painel, mas não vê-lo em seu site, o que provavelmente significa que seu tema não os suporta.
• O favicon, chamado de “ícone do site” no WordPress, aparece em barras de favoritos, guias do navegador e aplicativos móveis.

Adicionar (ou ocultar) uma imagem de cabeçalho

Você pode ver um painel de imagem de cabeçalho no personalizador se o seu tema suportar imagens de cabeçalho. Normalmente, este painel fornecerá informações sobre o melhor tamanho a ser usado para o seu cabeçalho. Depois de fazer o upload da imagem do cabeçalho para o WordPress, você pode recortá-la no tamanho correto para a melhor exibição possível. Aqui também é onde você pode escolher Ocultar imagem se preferir não ter nenhuma.

Alteração do esquema de cores do site

O painel Cores permite alterar o esquema de cores do seu site. O tema WordPress que você está usando afetará os controles que estão disponíveis para você aqui, o que significa que nem todo tema tem opções de cores infinitas. Por exemplo, você pode alterar a cor do texto do cabeçalho, mas não muito mais. Ou você pode selecionar cores para cada elemento do site, como plano de fundo, corpo do texto, cabeçalhos e links.

Dica profissional: Se você não obtiver o controle de cores desejado no painel do personalizador de cores, poderá fazer atualizações personalizadas no Editor de bloco. Cada bloco pode ter suas próprias configurações de cor, dando a você controle sobre o seu tema que pode não ser obtido no personalizador de temas do WordPress. Quando você estiver no bloco que deseja editar, clique em Configurações de cores à direita.

Alterando as fontes padrão do site

Se você vir um painel de Tipografia disponível no personalizador, significa que seu tema permite que você faça alterações nas opções de fonte padrão. Se não houver opções suficientes para você escolher, isso geralmente significa que o seu tema não permite alterações nas fontes padrão. No entanto, você não está sem sorte. Você pode usar um plug-in dedicado ou adicionar CSS personalizado para alterar os estilos de tipografia do seu site.

Selecionando as configurações da página inicial

Seu site WordPress exibirá postagens de blog na página inicial por padrão, mas isso é fácil de mudar se você preferir uma página inicial estática. Em uma página inicial estática, você pode adicionar qualquer conteúdo que deseja manter no futuro próximo, como uma cópia de boas-vindas, links para produtos ou páginas específicas, depoimentos em destaque, etc.

Se você deseja exibir uma página estática em vez de suas postagens de blog recentes na página inicial, selecione Uma página estática no painel Configurações da página inicial. Um menu suspenso aparecerá e você pode selecionar a página que deseja usar como sua página inicial. Você também poderá selecionar a página do seu blog na lista suspensa Página de postagens.

Se você não tem páginas que deseja usar em sua página inicial ou blog, pode escolher + Adicionar nova página nos menus suspensos para criá-las. Você pode criar uma página em branco e nomeá-la como quiser e, em seguida, voltar mais tarde para personalizar as páginas. Se ainda não tiver nenhuma página publicada, você terá que criar uma primeiro acessando Painel> Páginas> Adicionar novo. Só então você verá o painel Configurações da página inicial no personalizador.

Configurando suas opções de conteúdo

Se o seu tema tiver um painel Opções de conteúdo, você terá controle extra sobre como seu conteúdo é exibido nas diferentes páginas do site. Embora cada tema tenha suas próprias Opções de Conteúdo (se houver), aqui estão algumas opções comuns que você pode ver:

• Biografia do autor: opte por exibir ou não sua biografia nas postagens do blog.
• Exibição do blog: opte por exibir um trecho da postagem do blog ou a postagem completa.
• Imagens em destaque: decida onde as imagens em destaque serão exibidas, como em postagens de blogs ou páginas.
• Detalhes da postagem: Decida quais detalhes exibir em cada postagem, como autor, categorias, data e / ou tags.

Fonte: WordPress.com

Se você não vir um painel de Opções de Conteúdo, poderá acessar alguns desses controles em outro lugar no WordPress. Por exemplo, você pode escolher entre exibir Texto Completo ou um Resumo de suas postagens de blog indo para Painel> Configurações> Leitura.

Criando Menus de Navegação

No painel Menus, você pode criar diferentes menus de navegação e escolher onde eles estarão localizados em seu site. Aqui também é onde você pode encontrar menus de navegação existentes que você pode deixar como estão, atualizar ou remover.

Para descobrir onde diferentes menus de navegação podem ir, escolha a opção Exibir todos os locais, que mostrará os locais de menu com suporte para temas. Você também pode adicionar um widget de Menu de Navegação para exibi-lo em uma das áreas de widget do seu site. É uma boa ideia brincar com tudo isso antes de criar um menu para que você possa planejar para onde o seu irá.

Para criar um novo menu de navegação, selecione Criar Novo Menu. Em seguida, dê um nome ao menu. O nome não aparecerá realmente no seu site; ele está lá apenas para que você possa gerenciar melhor seus menus de navegação à medida que personaliza seu site. Em seguida, você escolherá o menu de localização. Quando terminar, clique em Avançar.

Agora é hora de adicionar links ao menu. Escolha Adicionar itens, o que abrirá um novo painel. É aqui que você pode adicionar categorias, links, páginas, postagens e tags ao seu menu. Quando terminar de adicionar tudo o que deseja ao menu, selecione Reordenar para organizá-los como quiser.

Dica profissional: se você sabe que deseja todas as suas páginas de nível superior em um menu de navegação específico, como aquele que permanecerá na barra lateral, pode marcar Adicionar automaticamente novas páginas de nível superior e deixar de adicioná-las manualmente todas as vezes você cria uma nova página de alto nível.

Personalização de widgets de sites

No painel Widgets, você pode adicionar, gerenciar e remover os widgets do seu site. Existem todos os tipos de widgets que você pode optar por usar em seu site, como Calendário, Galeria e Pesquisa.

Primeiro, você verá os locais de widget disponíveis. Diferentes temas terão diferentes locais e opções de widget. Alguns temas têm apenas o básico, como áreas de widget de rodapé e barra lateral, enquanto outros temas têm mais opções de posicionamento de widget. Ao clicar em um local, você verá os widgets que possui (se houver) e poderá fazer as alterações que desejar.

Para adicionar um novo widget, selecione um local e escolha Adicionar um widget. Um painel será aberto para mostrar os widgets que estão disponíveis para o seu site naquele local. Clique em um para adicioná-lo e, em seguida, ajuste as configurações e faça atualizações no widget. Você também pode arrastar o widget para alterar sua posição no local.

Adicionando CSS Personalizado

Se quiser adicionar CSS personalizado ao seu site para fazer mais ajustes nele, você pode usar o painel CSS adicional. Isso permite que você faça alterações personalizadas em seu site sem editar diretamente o arquivo style.css - o que significa que é uma maneira mais segura de experimentar e finalizar alterações, tornando-se uma opção ideal para usuários moderadamente experientes em tecnologia. Além disso, usando o painel CSS personalizado, você poderá ver as alterações em tempo real antes de publicar (assim como o resto do personalizador).

Ainda mais opções de personalização

Como mencionamos anteriormente, os temas WordPress avançados e personalizados podem vir com opções de personalizador adicionais, que você também poderá acessar na mesma área dos recursos acima. As personalizações adicionais podem incluir adicionar uma imagem de fundo, adicionar imagens de cabeçalho que mudam aleatoriamente, escolher um layout diferente, etc. E se você tiver um recurso que deseja adicionar que não é uma opção, pode conseguir essa funcionalidade com o WordPress plugins.

Visualize suas alterações em diferentes resoluções de tela

Agora que você fez todas as alterações desejadas em seu site, é hora de ver como ficará ao vivo em diferentes resoluções de tela - novamente, antes de publicá-lo ao vivo. Na parte inferior do personalizador, você verá um link Ocultar controles e, à direita dele, três ícones de tela. Esses ícones permitem que você veja a aparência do seu site em um computador desktop, tablet e dispositivo móvel. Ao visualizar no modo de área de trabalho, clicar no link Ocultar controles fornecerá uma visualização completa e adequada do seu site, sem a exibição do painel do personalizador.

Publicação das atualizações do seu site

Ama o que você vê? Quando terminar de fazer alterações em seu site, é hora de publicá-las - ou planejar publicá-las. Para aplicar as alterações imediatamente, clique no botão Publicar. Lembre-se de que isso realmente publicará suas alterações ao vivo, não apenas as salvará como um rascunho.

Se ainda não estiver pronto para publicar suas alterações, você pode salvá-las como um rascunho para publicar mais tarde. (No entanto, certifique-se de fazer pelo menos isso. Caso contrário, você pode perder todas as alterações nas quais trabalhou tanto.) Para salvar suas alterações sem publicar, clique no ícone de engrenagem à direita do botão Publicar. No painel de ações que é aberto, você pode selecionar Publicar, Salvar rascunho ou Agendar. Se você não sabe quando estará pronto para publicar as alterações, clique em Salvar rascunho.

Dica profissional: salvando um rascunho de suas alterações para continuar trabalhando no futuro? Você pode compartilhar um link de visualização do site revisado e não publicado, que é uma ótima maneira de obter feedback sobre seu trabalho.

Se você sabe que deseja que as alterações entrem em vigor em uma data (e hora) específica, clique em Programar. Você também pode compartilhar um link de visualização no painel Agenda.

Dica profissional: programe as alterações para serem ativadas em um horário de baixo tráfego, como no meio da noite. Dessa forma, se algo der errado, você não afetará todos os que visitam seu site e terá tempo para consertar antes que o tráfego volte a aumentar.

Teste novos temas usando o personalizador

Aqui está algo que muitos proprietários de sites não sabem: você também pode usar o personalizador para fazer alterações em um tema inativo instalado. Isso significa que você pode personalizar um tema com o qual deseja brincar ou que poderá usar posteriormente (ou para outro site).

Vá para o personalizador e procure Tema ativo. Clique no botão Alterar. Você verá todos os seus temas instalados à direita. Para ver a aparência de um tema se ativado para o seu site, clique em Visualização ao vivo. Isso abrirá o personalizador e você poderá fazer alterações como faria com um tema ativado.

Quer ver outros temas que você não instalou, mas que estão disponíveis no WordPress? Marque a caixa à direita de Temas do WordPress.org. Para filtrar por especificações, escolha Filtrar temas no canto superior direito. Ao encontrar um tema que deseja experimentar, selecione Instalar e visualizar.

Empacotando

O personalizador WordPress é tão fácil de usar que você pode facilmente passar por todas as atualizações do seu site em uma tarde ou fim de semana. E se o seu tema específico tiver opções adicionais, você achará fácil descobrir como trabalhar com eles, pois você já sabe como lidar com a funcionalidade básica do personalizador. Além disso, com recursos inteligentes, como compartilhar links de visualização, salvar alterações em um rascunho e programar atualizações, você pode obter o feedback de que precisa e espaçar suas atualizações como quiser.

Pronto para personalizar o design do seu site? Você também pode verificar nossa postagem sobre como usar o Divi Theme Customizer.

Imagem em destaque via Creative Shell / shutterstock.com