Seu Guia Completo para Edição Completa de Sites no WordPress

by Jos Velasco
Seu Guia Completo para Edição Completa de Sites no WordPress thumbnail

Personalizar a aparência do seu site WordPress é uma das melhores maneiras de controlar a imagem do seu site e adaptá-lo às suas necessidades.

E hoje, é mais personalizável do que nunca graças a um conjunto de recursos (relativamente) novo conhecido como Edição Completa do Site (FSE). O novo nome oficial é Editor de Site.

Claro, esta introdução trouxe consigo uma interface completamente nova para dominar.

Para aqueles que ainda não fizeram a transição para o uso do FSE, estamos felizes em informar que as atualizações são bastante amigáveis ao usuário e incrivelmente úteis – Isso não significa que você não precisará de algum tempo para se familiarizar com tudo.

Neste artigo, vamos ajudá-lo a fazer isso, examinando mais de perto o WordPress FSE, incluindo o que ele abrange, por que é tão importante, como fazer a mudança e como usá-lo para criar ou atualizar seu site.

O que é a Edição Completa do Site no WordPress?

A edição completa do site é um conjunto de funcionalidades no WordPress que inclui várias ferramentas para facilitar o processo de design para os proprietários de sites.

Entre essas ferramentas está o Editor de Site, que funciona como o editor de blocos (também conhecido como editor Gutenberg), que foi seu precursor e com o qual você já pode estar familiarizado.

Usando este novo Editor de Site, você pode usar blocos de arrastar e soltar para personalizar a maior parte do seu site a partir de uma única interface, incluindo modelos de página. Esta é uma melhoria em relação ao antigo processo de várias etapas que exigia que você navegasse por todo o WordPress para personalizar seu site e até ocasionalmente escrevesse CSS.

Glossário DreamHost

Gutenberg

Gutenberg é o nome dado ao projeto do Editor de Blocos no WordPress. Muitos desenvolvedores e entusiastas do WordPress usam os termos Editor Gutenberg e Editor de Blocos de forma intercambiável.

Leia Mais

Em breve, vamos explorar como você pode começar a usar o FSE e aproveitar alguns de seus melhores componentes.

Mas primeiro, um pouco de contexto.

FSE foi a segunda fase do projeto Gutenberg do WordPress e foi lançada na versão 5.9 do WordPress no início de 2022.

A primeira fase foi o editor de blocos, que foi lançado com a atualização do WordPress 5.0 em 2018. Ele introduziu o conceito de usar blocos para projetar o layout de suas postagens no blog.

Saiba mais sobre as Quatro Fases de Gutenberg no Roteiro do WordPress.

O editor de blocos utiliza segmentos chamados blocos Gutenberg. Esses blocos referem-se a unidades de marcação com diferentes funções. Com cada bloco, você pode inserir novos elementos em suas postagens, como parágrafos, cabeçalhos, imagens, listas e vídeos.

Com o FSE e um tema atualizado baseado em blocos, o Customizer é substituído, e o Editor do Site expande a funcionalidade dos blocos e a torna aplicável a todo o seu site, não apenas ao seu conteúdo. Isso permite que você personalize mais aspectos da aparência e do layout do seu site.

Por exemplo, quando você estiver usando o FSE, você poderá usar blocos no template do seu site e alterar seu layout geral. Além disso, o FSE permitirá a aplicação de estilos globais que você pode usar para criar regras de design em várias páginas.

Blocos do WordPress

Receba conteúdo diretamente na sua caixa de entrada

Inscreva-se agora para receber todas as últimas atualizações, diretamente na sua caixa de entrada.

Por que a Edição Completa do Site é um Grande Negócio?

Qual é a questão? (Seinfeld, Imagem GIF)

O FSE é um desenvolvimento emocionante e inovador para proprietários de empresas que gerenciam seus próprios sites WordPress.

Aqui está o porquê.

Mais Fácil para Não Desenvolvedores

Primeiro e talvez mais importante de tudo, com o FSE você não precisa de conhecimentos de programação ou outras habilidades técnicas consideradas únicas para desenvolvedores.

Usuários gerais do WordPress podem agora personalizar quase tudo o que desejam sobre a aparência de seus sites de forma fácil e rápida, economizando tempo, esforço e dinheiro.

Relacionado: Como Criar um Site (Guia Completo para Iniciantes)

Melhores Oportunidades de Branding

Para aqueles que gerenciam um negócio online, as opções de personalização FSE podem permitir que você altere seu site para melhor adequar à imagem da sua marca.

Isso também pode ser útil se você decidir fazer um rebranding com diferentes cores, fontes, ou outros elementos estilísticos. Com estilos globais, você poderá ajustar a nova marca facilmente em todo o seu site. Esse tipo de consistência é fundamental para criar uma experiência do cliente confiável e memorável.

Menos Plugins = Maior Segurança

Glossário DreamHost

Plugins

Plugins do WordPress são serviços adicionais que permitem expandir a funcionalidade do Sistema de Gestão de Conteúdo (CMS). Você pode usar plugins para quase tudo, desde adicionar recursos de e-commerce ao WordPress até implementar construtores de páginas ou usar ferramentas de Otimização para Motores de Busca (SEO).

Leia Mais

O FSE reduz a dependência de plugins de construtor de páginas do tipo arrastar e soltar. Se você utiliza algum desses plugins, pode considerá-los desnecessários uma vez que atualize sua versão do WordPress e tema e possa aproveitar as funcionalidades do FSE.

Já que plugins desatualizados são um ponto comum de entrada para agentes mal-intencionados, ter menos deles em seu site pode ajudar a manter padrões mais elevados de segurança e privacidade.

A Velocidade é o Nome do Jogo

Temas que usam FSE tendem a se mover mais rápido.

Comparado com temas WordPress não baseados em blocos, eles são configurados de forma mais otimizada e são menos sobrecarregados por excesso de funcionalidades, permitindo assim processar mudanças e solicitações de maneira rápida.

Claro, a hospedagem ainda é um fator na velocidade. Um host baseado em nuvem com DreamPress para WordPress com cache integrado ajudará a garantir que seu site se mova na velocidade das expectativas modernas.

Glossário DreamHost

Hospedagem em Nuvem

A hospedagem tradicional de sites aloja um site em um servidor físico. Por outro lado, a u2018hospedagem em nuvemu2019 utiliza múltiplos servidores virtuais (remotos) para a mesma tarefa.

Leia Mais

Mas por que a velocidade do site é importante em primeiro lugar? Se você não tem certeza, recomendamos fortemente a leitura de 12 Razões Pelas Quais Seu Site Está Lento (E Como Corrigi-las).

Como Adotar FSE Com Uma Atualização de Template do WordPress

Primeiro, é importante saber que você só pode acessar todos os benefícios do FSE se estiver usando um tema de blocos.

Se você ainda não está utilizando um em seu site de negócios, leia 27 Temas de Bloco WordPress Perfeitos para Edição Completa do Site antes de prosseguir.

Uma vez que você tenha escolhido seu tema com a ajuda dessa lista, veja como adicionar ao seu site para aproveitar tudo o que o FSE tem a oferecer.

1. Atualize para o WordPress 5.9 (ou mais recente)

O passo mais crucial para utilizar a edição completa do site é atualizar seu site WordPress para garantir que ele esteja operando na versão 5.9 ou superior.

Do seu painel de administração do WordPress, visite Painel > Atualizações para verificar sua versão atual e atualizar conforme necessário. Você também pode optar por mudar para atualizações automáticas aqui.

Recomendamos sempre manter seu WordPress atualizado para a última versão para velocidade, segurança e total funcionalidade — Mas caso você não tenha feito isso, vá e atualize antes do próximo passo.

2. Faça Backup do Seu Site WordPress

Para um site existente, é uma boa ideia fazer um backup antes de alterar o tema. Se o novo tema criar algum problema, isso será crucial para restaurar seu site.

Para um guia completo sobre como fazer isso, confira Como Fazer Backup do Seu Site WordPress.

Se você está preocupado em fazer isso sozinho, os provedores de Hospedagem Gerenciada do WordPress irão fornecer backups automáticos ou sob demanda do site para facilitar seu trabalho.

3. Instale um Tema de Bloco do Diretório do WordPress

Hora de aplicar um novo tema baseado em blocos!

Para começar, na sua página de administração do WordPress, visite Painel > Aparência > Temas.

Escolha o Seu Tema

Uma vez na página de Temas, use o botão Adicionar Novo no topo da página.

Você agora deve ver uma barra de filtro. Use-a para selecionar Block Themes.

Temas de Bloco

Agora, você pode navegar por todos os temas de bloco disponíveis e até usar o Filtro de Funcionalidades para refinar ainda mais suas opções.

Quando você escolher um tema, clique nele para saber mais sobre suas funcionalidades. Quando encontrar um de que goste, você pode usar o botão Instalar dentro da página de Pré-visualização para instalá-lo. Ou, de volta à página de Adicionar Temas, passe o mouse por cima e clique no botão Instalar que aparece.

Instalação

Para aplicá-lo ao seu site, primeiro volte para a página de Temas (Aparência > Temas). Passe o mouse sobre o novo tema que você instalou e clique em Ativar.

E você está ao vivo!

Existem algumas maneiras de instalar um tema WordPress, então, se você quiser cobrir todas as suas bases, confira Como Instalar um Tema WordPress (Tutorial).

Atualmente, existem poucos fornecedores de temas de blocos comerciais FSE, mas se você deseja dar uma olhada em um, recomendamos os temas Anariel.

4. Verifique se algum Plugins precisa ser atualizado ou reativado

Plugins do WordPress são ferramentas que podem ser usadas para melhorar sua experiência de usuário no WordPress. Eles podem fazer tudo, desde rastrear seu SEO até adicionar novas funcionalidades e mais.

Os Plugins precisam de atualizações contínuas para funcionar corretamente. Caso contrário, eles podem se tornar problemáticos ou até mesmo deixá-lo vulnerável a tentativas de hacking.

Então, uma vez que você mudou para um novo tema, você precisa garantir que todos os plugins que deseja manter estão ativados e atualizados.

Você pode fazer isso acessando seu Painel do WordPress e clicando em Plugins > Installed Plugins.

Plugins instalados

Plugins que estão desativados terão um link Ativar. Aqueles que precisam de atualização devem ter uma mensagem com links para aprender sobre as novas funcionalidades e informações sobre como atualizá-los. Certifique-se de atender a quaisquer alertas de compatibilidade e backup.

5. Abra Seu Novo Editor

Acessar os recursos do FSE é tão simples quanto visitar Aparência > Editor no seu painel do WordPress.

Aparência  src=