Personalizador WordPress vs Editor de Site: 8 diferenças principais [Part 2]

A Edição Completa do Site traz blocos para todos os aspectos da personalização do site no WordPress. Se você usar um tema baseado em blocos, notará que o Personalizador desapareceu e, em seu lugar, está o Editor de Site. Compreender as diferenças entre as duas ferramentas é fundamental para se adaptar a esta mudança.

Felizmente, o Editor do Site oferece mais opções de personalização. Depois de dominar esse recurso, você poderá editar diferentes partes do seu site e aplicar configurações facilmente em várias páginas.

Neste artigo, compararemos o Personalizador WordPress vs Editor de Site em diferentes áreas temáticas. Além disso, mostraremos como personalizar os principais aspectos do seu site com cada ferramenta. Para ilustrar melhor a comparação, usaremos o Inspiro PRO e o Inspiro Blocks PRO como exemplos. Vamos lá!

Personalizador WordPress vs Editor de Site

1. Logotipo do site

Alterando o logotipo do site no WordPress Customizer

Alterar o logotipo de um site no WordPress sempre foi um processo simples. Usando o Personalizador, você pode navegar até o Identidade do site seção e clique em Selecione o logotipo para fazer upload de uma nova imagem:

Alterando o logotipo do site usando o Editor do Site

Alterar o logotipo no Editor do Site é uma experiência diferente. Depois de abrir o Editor do Site, ele perguntará se você deseja personalizar modelos ou partes de modelos.

Para alterar o logotipo, você precisará personalizar o cabeçalho, que é uma parte do modelo. Navegar para Partes do modelo > Cabeçalho. Aqui você pode editar o cabeçalho do tema usando o Block Editor.

Adicione um logotipo do site bloco ao cabeçalho ou clique no bloco de logotipo existente para personalizá-lo:

O processo aqui é igualmente simples. A única diferença é que você está livre para usar qualquer blocos que você deseja. Isso faz com que o Editor do Site muito mais flexível quando se trata de personalizar seu tema.

2. Favicon do site

Alterando o favicon no WordPress Customizer

Alterar o favicon do seu site usando o Personalizador ou o Editor do Site funciona da mesma forma que alterar o logotipo. Usando o Personalizador, você pode alterar o favicon do Identidade do site seção:

Alterando o favicon usando o Editor do Site

O Editor do Site não tem a opção de fazer upload de uma imagem como seu favicon. Em vez disso, ao editar o cabeçalho do tema, você pode abrir as configurações do logotipo do site bloqueie e procure o Usar como ícone do site opção:

Este é um aspecto em que o Editor do Site é um tanto limitado. Alternativamente, o Inspiro Blocks PRO inclui uma seção em Aparência > Personalizar semelhante ao do WordPress Customizer. Você pode fazer upload de um favicon personalizado nesta seção:

Embora o WordPress Customizer ofereça muito controle sobre o estilo do seu site, ele não permite adicionar elementos ou alterar o conteúdo de cada página. Se quiser fazer isso, você precisará usar o Block Editor ou seu plugin favorito de criação de páginas do WordPress.

Como alternativa, o Inspiro PRO inclui uma solução alternativa que permite adicionar um botão de cabeçalho personalizado usando classes CSS para os itens do menu principal.

O Editor do Site compartilha uma abordagem semelhante. Você não pode editar o conteúdo das páginas do seu site enquanto personaliza os modelos de tema. No entanto, permite adicionar novos elementos aos modelos, como botões no cabeçalho.

Selecione os Cabeçalho opção nas partes do modelo no Editor do Site. Em seguida, adicione um Botão bloqueie em qualquer lugar que você quiser dentro do cabeçalho:

Você também pode adicionar outros blocos ao cabeçalho, como uma barra de pesquisa e ícones sociais. Além disso, você pode editar outras partes do modelo, como rodapé e barra lateral.

A maioria dos temas permite editar o conteúdo do rodapé por meio de áreas de widget de rodapé que podem ser facilmente acessadas no WordPress Customizer em Aparência > Personalizar > Widgets.

No entanto, você pode ter mais controle sobre os widgets de rodapé em Aparência > Widgets. Lá você pode selecionar os widgets que deseja adicionar ao rodapé:

Observe que diferentes temas terão diferentes opções de widgets.

Agora, vamos ver como editar o rodapé no Editor do Site. Vá para Partes do modelo e selecione o rodapé. Em seguida, clique nos blocos existentes para personalizá-los ou adicionar novos elementos.

Como você pode ver, com o Editor de Sites você não fica limitado aos widgets disponíveis com o seu tema. Em vez disso, você pode adicionar os blocos que desejar e criar um rodapé personalizado.

Se você usar o Personalizador, poderá editar menus navegando até o Menus aba. Se você selecionar um menu, o Personalizador exibirá seu nome e os itens que ele inclui. Você pode adicionar itens ao menu e editar os existentes sem precisar sair da página.

Enquanto isso, o Editor do Site permite editar um menu com o Bloco de Navegação. Se o menu que você deseja editar estiver no cabeçalho, você precisará abrir essa parte do modelo. Como você pode ver, cada item do menu é um bloco individual:

Isso significa que você pode personalizar cada item do menu. O editor também oferece controle total sobre o layout do menu, o que o Personalizador não faz.

6. Cores

Alterando cores no WordPress Customizer

O Personalizador permite alterar as cores padrão do seu site usando menus simples. Você pode alterar a cor da maioria dos elementos do seu site, incluindo itens de menu, planos de fundo, links, texto e dezenas de outras opções.

Se você for ao cores seção no Personalizador, você encontrará opções para os principais componentes do seu site:

Depois de selecionar um item, você verá todas as opções de cores disponíveis para esse elemento. Por exemplo, aqui está o que você verá se for Cores > Geral:

Alterando cores usando o Editor do Site

Para editar as cores do seu site no Editor de Sites, primeiro você precisa abrir uma página ou parte do modelo. Em seguida, selecione o estilos ícone no canto superior direito da tela:

O estilos seção permite que você faça alterações em todo o site que afetam cada modelo de tema. Se você selecionar o cores opção, você poderá alterar as cores do plano de fundo, texto, links, títulos e botões do seu site:

Indiscutivelmente, o Personalizador oferece mais controle sobre as cores usadas para cada tipo de elemento. O Editor de Site agrupa elementos. Isso significa que, em vez de alterar as cores do texto dos menus e parágrafos separadamente (para dar um exemplo), você pode definir configurações para todo o site.

7. Fontes

Alterando fontes no WordPress Customizer

Alterar as fontes do seu site no Personalizador funciona exatamente como acontece com as cores. Neste caso, você precisará acessar o Tipografia seção e selecione os elementos que deseja personalizar:

Você pode alterar a família, a espessura, o tamanho e o estilo da fonte. Além disso, você pode definir estilos de tipografia personalizados para o corpo, menus, títulos, botões e outros elementos do seu site.

Alterando fontes usando o Editor do Site

Utilizando o Editor de Sites, você pode alterar a tipografia do seu site através do estilos cardápio. Mostramos como acessar o menu na seção anterior, mas neste caso você selecionará o Tipografia configurações:

Assim como acontece com as cores, o Editor do Site permite definir configurações de tipografia em todo o site. Se quiser usar fontes personalizadas para elementos específicos, você precisará acessar as configurações de cada bloco.

8. Plano de fundo do vídeo

Adicionando um fundo de vídeo no WordPress Customizer

Um recurso que falta no Personalizador é a opção de adicionar um fundo de vídeo ao seu site. Se quiser fazer isso, você precisará usar um construtor de páginas como o Elementor ou um plugin do WordPress.

O Inspiro PRO inclui um recurso de fundo de vídeo integrado que permite criar facilmente um controle deslizante de página inicial atraente. Você pode criar facilmente itens de apresentação de slides com fundos de vídeo na seção Apresentação de slides do tema:

Claro, certos temas podem servir como exceção e você pode adicionar um fundo de vídeo diretamente do Personalizador. Nosso tema Inspiro Lite é um exemplo. No entanto, as opções de personalização são limitadas neste caso. Você só pode enviar um plano de fundo de vídeo e o tema não suporta o recurso de criação de um controle deslizante com mais de um vídeo.

Adicionando um fundo de vídeo usando o Editor de Site

O Editor do Site não oferece um bloco para adicionar fundos de vídeo. No entanto, você pode fazer isso com um Cobrir bloquear.

O Inspiro Blocks PRO inclui uma capa de largura total com fundo de vídeo na parte superior da página inicial:

Tudo que você precisa fazer é adicioná-lo à página e selecionar seu vídeo. O Cobrir O bloco pode funcionar como plano de fundo para seções individuais de uma página ou para a coisa inteira.

Conclusão

Para resumir, aqui está uma tabela dos recursos descritos acima e sua disponibilidade comparada no WordPress Customizer e Site Editor:

Como você pode ver, o Editor do Site oferece uma experiência mais completa e é mais acessível.

Se você já usa o WordPress Customizer há muito tempo, mudar para o Site Editor pode ser um desafio. No entanto, se você estiver familiarizado com o Block Editor, poderá dominar o Site Editor em questão de minutos.

Lembre-se de que o Editor do Site só estará disponível se você usar um tema de bloco. Como os temas baseados em blocos estão se tornando mais populares, é importante que você aprenda como funciona o Editor de Sites. Além disso, com esse recurso, você terá mais controle sobre o design do seu site.

Você tem alguma dúvida sobre o WordPress Customizer vs Site Editor? Deixe-nos saber na seção de comentários abaixo!