Este tutorial explicará o “Headless WordPress” e o procedimento para configurá-lo.
O que é WordPress sem cabeça e como funciona?
“ WordPress sem cabeça ”separa a área de administração back-end do site WordPress do front-end. É tal que utiliza WordPress como software de back-end para organizar dados e conteúdo, mas utiliza funcionalidades separadas para mostrar os dados no front-end.
WordPress compreende uma área de administração interativa onde o site pode ser gerenciado. Ao criar um site WordPress headless, os desenvolvedores utilizam a API REST para buscar/recuperar dados do WordPress. Depois de fazer isso, eles podem utilizá-lo em tecnologias front-end, como React.js e Angular.js, para criar um site personalizado.
Vantagens do WordPress sem cabeça
A seguir estão algumas das vantagens de usar “ WordPress sem cabeça ”:
Desempenho otimizado: Os sites WordPress alimentados por frontends são comparativamente responsivos, com tempos de carregamento mínimos.
Segurança melhorada: Quando o front-end do site é separado de um banco de dados inacessível, isso automaticamente torna o site mais seguro.
Maior flexibilidade: Utilizando WordPress headless, o desenvolvedor pode manter a parte back-end do WordPress de forma flexível e também pode terceirizar a parte front-end para um software alternativo que permite mais flexibilidade.
Como começar com o WordPress sem cabeça?
Nesta seção, um site Headless WordPress será criado utilizando apenas as páginas estáticas geradas via WordPress. Essa abordagem é mais simples e útil para iniciantes.
Utilize as etapas fornecidas abaixo para executar esta abordagem.
Etapa 1: Instale o plug-in “Simply Static”
Primeiro, instale o “ Simplesmente estático ”plugin de“ Plugins->Adicionar Novo ”:
Após a instalação e ativação do plugin, mude para “ Simplesmente Estático->Configurações ”:
Etapa 2: opte pelo caminho do URL
Agora, opte pelo caminho da URL que precisa ser utilizada nos arquivos estáticos. Por exemplo, se o URL ou nome do domínio onde os arquivos estáticos serão hospedados é conhecido, então você pode adicionar esse URL no “ URLs absolutos ' campo. Por outro lado, se houver uma ambiguidade, o “ Caminho relativo ”A opção pode ser considerada:
Em seguida, abra o “ Incluir excluir ' aba. Aqui, os URLs ou arquivos adicionais podem ser incluídos ou excluídos, respectivamente:
Por último, clique no botão “ Salvar alterações ”Opção para salvar as configurações.
Observação: O ' Expressões Regex ”Também pode ser utilizado para excluir URLs que correspondam a um padrão específico.
Etapa 3: gerar arquivos estáticos
Depois de aplicar todas as etapas, os arquivos estáticos agora podem ser gerados para o seu site headless. Para fazer isso, navegue até “ Simplesmente Estático->Gerar ”E acione o“ Gerar arquivos estáticos ”Botão, como segue:
O plugin irá então navegar pelo site e armazenar arquivos estáticos em uma pasta temporária. Pode levar algum tempo dependendo das páginas que o site contém. O status dos arquivos de exportação pode ser visualizado na seção “ Registro de atividade ”:
Depois de concluído, uma notificação de sucesso ficará evidente com um link para baixar os arquivos para o seu sistema em formato zip.
Após baixar o arquivo zip, extraia-o e siga as seguintes etapas:
- Conecte-se ao seu site através do Gerenciador de Arquivos no painel de controle de hospedagem.
- Depois de conectado, carregue os arquivos estáticos extraídos baixados para o seu site onde o site headless precisa ser hospedado.
- Por fim, visite seu site estático para vê-lo em ação.
Conclusão
“ WordPress sem cabeça ” separa a área de administração back-end do site WordPress do front-end e pode ser configurada usando o botão “ Simplesmente estático ”Plugin baseado em páginas estáticas. Este artigo discutiu a importância do Headless WordPress e como configurá-lo.