{"id":73973,"date":"2026-01-05T04:39:06","date_gmt":"2026-01-05T07:39:06","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=73973&#038;preview=true&#038;preview_id=73973"},"modified":"2026-01-05T05:40:31","modified_gmt":"2026-01-05T08:40:31","slug":"site-wordpress-com-lovable","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/","title":{"rendered":"Usando WordPress Headless para criar um site com o Lovable"},"content":{"rendered":"<p>A intelig\u00eancia artificial, ferramentas de desenvolvimento aprimoradas e ambientes de hospedagem modernos est\u00e3o dando ao <a href=\"https:\/\/kinsta.com\/pt\/blog\/seo-wordpress-headless\/\">WordPress headless<\/a> uma nova onda de aten\u00e7\u00e3o entre designers e <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-de-desenvolvedores\/\">desenvolvedores<\/a>. Essa evolu\u00e7\u00e3o est\u00e1 moldando a forma como as experi\u00eancias digitais distribu\u00eddas s\u00e3o projetadas, criadas e implantadas.<\/p>\n<p>Neste passo a passo, exploramos como usar o <a href=\"https:\/\/lovable.dev\/\">Lovable<\/a>, um construtor de frontend orientado por IA, para criar um site moderno alimentado por um backend WordPress headless.<\/p>\n<p>O que estamos vendo hoje oferece um vislumbre do futuro do WordPress, seja headless ou tradicional: uma abordagem mais aberta, colaborativa e assistida por IA na cria\u00e7\u00e3o de experi\u00eancias digitais que combinam gerenciamento de conte\u00fado com liberdade de design criativo.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Entendendo o WordPress headless<\/h2>\n<p>A configura\u00e7\u00e3o de um ambiente WordPress headless \u00e9 mais simples do que parece. Pense nisso como dividir o WordPress em duas partes:<\/p>\n<ul>\n<li><strong>Backend<\/strong> \u2013 o WordPress continua gerenciando seu conte\u00fado, m\u00eddia e dados como de costume.<\/li>\n<li><strong>Frontend<\/strong> \u2013 um aplicativo separado cuida de como tudo \u00e9 exibido e se comporta.<\/li>\n<\/ul>\n<p>Ao separar os dois, voc\u00ea mant\u00e9m o <a href=\"https:\/\/kinsta.com\/pt\/blog\/sistema-de-gerenciamento-de-conteudo\/\">gerenciamento de conte\u00fado<\/a> confi\u00e1vel do WordPress e ganha liberdade para projetar e desenvolver com frameworks modernos de frontend, como React ou Vue. Trata-se de aproveitar o melhor do WordPress e expandir suas possibilidades al\u00e9m do que uma configura\u00e7\u00e3o tradicional permite.<\/p>\n<p>Outra forma de visualizar: o WordPress cuida da estrutura, ou seja, do seu conte\u00fado, enquanto o frontend cuida do estilo, isto \u00e9, de como esse conte\u00fado \u00e9 apresentado.<\/p>\n<h2>Por que o Lovable?<\/h2>\n<p>O WordPress headless \u00e9 realmente necess\u00e1rio? Isso depende dos seus objetivos. Para muitos projetos, uma configura\u00e7\u00e3o padr\u00e3o do WordPress ainda \u00e9 o caminho mais f\u00e1cil e eficiente. No entanto, se voc\u00ea busca mais flexibilidade, itera\u00e7\u00f5es mais r\u00e1pidas ou uma forma de criar aplicativos web modernos que v\u00e3o al\u00e9m de temas e plugins tradicionais, o WordPress headless come\u00e7a a se destacar.<\/p>\n<p>Para este projeto, usamos o Lovable, uma plataforma de desenvolvimento orientada por IA que ajuda voc\u00ea a gerar, editar e gerenciar c\u00f3digo de frontend. Ele trabalha com ferramentas modernas como React, Tailwind CSS e Vite, e utiliza prompts de IA para lidar com layout, estilos e l\u00f3gica de componentes.<\/p>\n<p>Em outras palavras, o Lovable n\u00e3o \u00e9 o frontend em si. Ele \u00e9 o ambiente onde o frontend \u00e9 criado e mantido.<\/p>\n<p>Veja o que o tornou uma boa escolha para esse experimento:<\/p>\n<ul>\n<li><strong>Flexibilidade de controle de vers\u00e3o:<\/strong> f\u00e1cil sincroniza\u00e7\u00e3o bidirecional com o GitHub, o GitLab ou o Bitbucket.<\/li>\n<li><strong>Design multiplataforma: <\/strong>crie para web, mobile ou displays de quiosque a partir de um \u00fanico backend WordPress.<\/li>\n<li><strong>Itera\u00e7\u00f5es instant\u00e2neas:<\/strong> atualize layouts, estilos ou componentes em segundos usando prompts de IA.<\/li>\n<li><strong>Seguran\u00e7a desacoplada:<\/strong> nenhuma exposi\u00e7\u00e3o direta ao banco de dados pelo lado do frontend.<\/li>\n<li><strong>Suporte a builds est\u00e1ticos:<\/strong> implante facilmente como HTML, CSS e JavaScript est\u00e1ticos para melhor desempenho e confiabilidade.<\/li>\n<\/ul>\n<p>Claro, configura\u00e7\u00f5es headless tamb\u00e9m t\u00eam seus trade-offs. Manter uma stack com m\u00faltiplas camadas pode tornar a depura\u00e7\u00e3o mais complexa, e plugins que renderizam conte\u00fado no frontend podem exigir integra\u00e7\u00f5es de API personalizadas. Ainda assim, para sites est\u00e1ticos ou orientados a conte\u00fado, combinar WordPress com o Lovable oferece uma forma r\u00e1pida e moderna de explorar o potencial do headless.<\/p>\n<h2>Primeiros passos<\/h2>\n<p>Antes de come\u00e7ar a criar, vamos configurar as duas partes principais da nossa stack: Lovable para o frontend e WordPress para o backend.<\/p>\n<h3>Etapa 1: criar um projeto Lovable<\/h3>\n<p>Acesse <a href=\"https:\/\/lovable.dev\">lovable.dev<\/a> e crie uma conta gratuita. Quando voc\u00ea estiver no painel, inicie um novo projeto inserindo um prompt curto.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/lovable-ui.png\" alt=\"Interface do Lovable exibindo a vis\u00e3o geral de um projeto de site WordPress headless.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Interface de chat do Lovable.<\/figcaption><\/figure>\n<p>A interface de chat faz com que voc\u00ea se sinta como se estivesse conversando com um colega de equipe. Voc\u00ea pode digitar naturalmente, assim como faria em uma conversa real. Por exemplo, voc\u00ea pode come\u00e7ar com uma pergunta simples:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Como come\u00e7amos a criar um frontend com WordPress no backend?<\/code><\/pre>\n<p>O Lovable responde com orienta\u00e7\u00f5es claras, conduzindo voc\u00ea pelas op\u00e7\u00f5es dispon\u00edveis:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Criar um frontend em React com o WordPress como um CMS headless \u00e9 uma abordagem s\u00f3lida.\nVoc\u00ea pode usar a API REST nativa do WordPress ou instalar o WPGraphQL para consultas de dados mais complexas.<\/code><\/pre>\n<p>Essa primeira troca define o tom do processo. Ela oferece uma vis\u00e3o geral r\u00e1pida do que \u00e9 poss\u00edvel e ajuda voc\u00ea a entender como o WordPress ser\u00e1 integrado ao seu frontend.<\/p>\n<p>Em seguida, voc\u00ea pode refinar a ideia pedindo \u00e0 IA para manter tudo simples:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Vamos manter simples. Queremos apenas criar um site de blog de demonstra\u00e7\u00e3o e ter uma p\u00e1gina que funcione como um guia de estilos din\u00e2mico.<\/code><\/pre>\n<p>O Lovable se adapta imediatamente, criando um site de demonstra\u00e7\u00e3o limpo e configurando uma p\u00e1gina de Guia de estilos que voc\u00ea usar\u00e1 mais tarde para atualiza\u00e7\u00f5es globais de design.<\/p>\n<p>A partir da\u00ed, a conversa flui naturalmente. Voc\u00ea e o Lovable alternam ajustes de detalhes e esclarecem o que \u00e9 necess\u00e1rio para avan\u00e7ar. Em determinado momento, o Lovable pode solicitar informa\u00e7\u00f5es essenciais de configura\u00e7\u00e3o, como:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">1. Voc\u00ea tem a URL de um site WordPress? (por exemplo, https:\/\/seusite.com)  \n2. A API REST do WordPress est\u00e1 acess\u00edvel publicamente?\n3. Qual conte\u00fado do WordPress deve ser mapeado para o blog? (artigos, p\u00e1ginas ou tipos de artigo personalizados?)  \n4. H\u00e1 campos personalizados que voc\u00ea gostaria de buscar? (por exemplo, tempo de leitura ou destaque)<\/code><\/pre>\n<p>Depois que voc\u00ea fornecer essas informa\u00e7\u00f5es, o Lovable pode gerar automaticamente a l\u00f3gica de integra\u00e7\u00e3o, conectando o seu frontend ao backend WordPress.<\/p>\n<h3>Etapa 2: Configurar o WordPress<\/h3>\n<p>Antes que o Lovable possa buscar conte\u00fado real, voc\u00ea precisa de um site WordPress funcional para servir como backend. \u00c9 ali que ficam todos os seus artigos, p\u00e1ginas e arquivos de m\u00eddia.<\/p>\n<p>Para uma configura\u00e7\u00e3o tranquila, use um <a href=\"https:\/\/kinsta.com\/pt\/blog\/hospedagem-wordpress-headless\/\">provedor de hospedagem para WordPress<\/a> confi\u00e1vel como a Kinsta, constru\u00edda sobre uma infraestrutura de nuvem robusta para garantir que desempenho e disponibilidade n\u00e3o sejam um problema. <a href=\"https:\/\/kinsta.com\/pt\/inscreva-se\/\">Crie uma conta na Kinsta<\/a> e crie um novo site WordPress, e voc\u00ea receber\u00e1 automaticamente um subdom\u00ednio tempor\u00e1rio como:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">https:\/\/seu-site.kinsta.cloud\/<\/code><\/pre>\n<p>Depois que o site for criado, verifique se a API REST est\u00e1 acess\u00edvel publicamente. Abra uma nova aba do navegador e acesse:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">https:\/\/seu-site.kinsta.cloud\/wp-json\/wp\/v2\/posts<\/code><\/pre>\n<p>Se voc\u00ea visualizar um feed JSON exibindo dados de artigos, seu backend est\u00e1 pronto.<\/p>\n<h3>Etapa 3: Conecte o WordPress ao Lovable<\/h3>\n<p>Quando o seu site WordPress estiver ativo e a <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-rest-api\/\">API REST<\/a> funcionando, \u00e9 hora de conectar o backend ao seu projeto no Lovable. \u00c9 aqui que conte\u00fado e design finalmente se unem.<\/p>\n<p>No chat do Lovable, voc\u00ea pode simplesmente perguntar:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Ok, como conectamos o frontend ao nosso CMS WordPress?<\/code><\/pre>\n<p>A Lovable responde com um plano claro, explicando o que \u00e9 necess\u00e1rio:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Voc\u00ea ir\u00e1 se conectar ao backend do WordPress usando a API REST.\nO que voc\u00ea vai precisar:\n1. API REST do WordPress (integrada, dispon\u00edvel em seusite.com\/wp-json\/wp\/v2\/posts)\n2. Um plugin de CORS, caso o frontend esteja em um dom\u00ednio diferente\n3. (Opcional) ACF ou campos personalizados para dados extras<\/code><\/pre>\n<p>Ele tamb\u00e9m oferece uma vis\u00e3o geral do que acontece em cada lado:<\/p>\n<ul>\n<li><strong>No lado do WordPress:<\/strong> garantir que a API REST esteja habilitada, o que normalmente j\u00e1 acontece por padr\u00e3o.<\/li>\n<li><strong>No frontend:<\/strong> substituir quaisquer dados est\u00e1ticos do blog por chamadas \u00e0 API do WordPress, criar um servi\u00e7o para buscar os dados e lidar com estados de carregamento.<\/li>\n<\/ul>\n<p>Voc\u00ea v\u00ea o Lovable organizar tudo de forma clara, \u00e0s vezes at\u00e9 mostrando um exemplo como este:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-js\">const { data: posts } = useQuery({\n  queryKey: ['posts'],\n  queryFn: async () =&gt; {\n    const response = await fetch('https:\/\/seu-site.kinsta.cloud\/wp-json\/wp\/v2\/posts');\n    return response.json();\n  }\n});<\/code><\/pre>\n<p>Em seguida, o Lovable, a partir da URL do WordPress que voc\u00ea fornece, configura um site frontend que exibe seus artigos do WordPress.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/headless-wordpress-blog.png\" alt=\"Exemplo de um blog WordPress headless alimentado pelo framework de frontend do Lovable.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Exemplo de um blog WordPress headless.<\/figcaption><\/figure>\n<p>\u00c9 simples assim. A integra\u00e7\u00e3o fica ativa, a conex\u00e3o \u00e9 verificada, e seu site headless passa a ter um fluxo de conte\u00fado totalmente funcional do WordPress para o Lovable.<\/p>\n<h2>Sistema de estilo e design<\/h2>\n<p>Depois que a conex\u00e3o com o WordPress estiver ativa, voc\u00ea pode come\u00e7ar a refinar a apar\u00eancia do site. Nesse ponto, tudo o que voc\u00ea v\u00ea \u00e9 estilizado pelo Tailwind CSS e pelas configura\u00e7\u00f5es padr\u00e3o do navegador. Isso oferece uma base limpa, mas agora \u00e9 hora de deixar o site com a sua identidade.<\/p>\n<p>Voc\u00ea pode come\u00e7ar perguntando diretamente ao Lovable:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Toda a estiliza\u00e7\u00e3o atualmente \u00e9 fornecida pelo Tailwind CSS e pelo User Agent?<\/code><\/pre>\n<p>Lovable explica:<\/p>\n<pre><code class=\"language-bash\">Sim. Toda a estiliza\u00e7\u00e3o atualmente \u00e9 fornecida pelo Tailwind CSS, por meio do index.css e do tailwind.config.ts, al\u00e9m dos estilos padr\u00e3o do User Agent. O arquivo App.css existe, mas n\u00e3o est\u00e1 importado em nenhum lugar.<\/code><\/pre>\n<p>Com isso em mente, voc\u00ea pode come\u00e7ar a personalizar a estrutura e a navega\u00e7\u00e3o do site. Por exemplo, voc\u00ea pode usar o seguinte prompt:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Conecte todas as p\u00e1ginas, artigos e m\u00eddias e configure a navega\u00e7\u00e3o do cabe\u00e7alho da seguinte forma:\nHome\nStyle Guide\nBlog\n\u00a0\u00a0\u00a0\u00a0Trip To Santa Fe\n\u00a0\u00a0\u00a0\u00a0Hello World\nFa\u00e7a da p\u00e1gina Home a raiz do site.<\/code><\/pre>\n<p>O Lovable responde reorganizando as rotas e vinculando dinamicamente os artigos do WordPress no menu suspenso de Blog. A navega\u00e7\u00e3o passa a funcionar entre as p\u00e1ginas Home, Blog e o Guia de estilos din\u00e2mico, que se torna o centro das altera\u00e7\u00f5es globais de design.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/nav-set.png\" alt=\"Ajustando a interface do usu\u00e1rio do site.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Ajustando a interface do usu\u00e1rio do site.<\/figcaption><\/figure>\n<h3>Como trabalhar com o guia de estilo din\u00e2mico<\/h3>\n<p>Essa p\u00e1gina \u00e9 onde voc\u00ea define e controla a estiliza\u00e7\u00e3o global de todo o site. Qualquer altera\u00e7\u00e3o feita ali \u00e9 aplicada instantaneamente a todas as p\u00e1ginas.<\/p>\n<p>Voc\u00ea pode come\u00e7ar definindo uma paleta de cores base e a <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-modernas\/\">tipografia<\/a>:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Defina a cor de fundo da p\u00e1gina como #7B3F00.\nDefina a cor de todo o texto como #eee.\nHeading 1 = 2rem\nHeading 2 = 1.5rem\nHeading 3 = 1.25rem\nHeading 4 = 0.84375rem\nTodo o restante do texto = 1rem\n<\/code><\/pre>\n<p>O Lovable aplica rapidamente o novo sistema de design, resultando em um fundo marrom quente, texto em cinza suave e uma hierarquia tipogr\u00e1fica consistente.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/dynamic-style-guide-page.png\" alt=\"P\u00e1gina do guia de estilos din\u00e2mico no Lovable exibindo tipografia, cores e pr\u00e9-visualiza\u00e7\u00f5es de componentes.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">P\u00e1gina do guia de estilos din\u00e2mico.<\/figcaption><\/figure>\n<p>A partir da\u00ed, voc\u00ea pode continuar refinando sua abordagem. Por exemplo:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Dobre o tamanho de todos os t\u00edtulos.\nAdicione margens \u00e0 esquerda e \u00e0 direita de 10% \u00e0 p\u00e1gina.\nCrie uma galeria de imagens 2x2 com espa\u00e7amento de 20px, cantos arredondados com raio de 20px e borda branca s\u00f3lida de 2px.<\/code><\/pre>\n<p>O Lovable ajusta o layout em tempo real, e a galeria de imagens aparece imediatamente.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/add-images.png\" alt=\"Adicionando imagens a um projeto WordPress headless.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Adicionando imagens a um projeto WordPress headless.<\/figcaption><\/figure>\n<h3>Ajustes globais de fonte e espa\u00e7amento<\/h3>\n<p>Voc\u00ea pode levar o design ainda mais longe aplicando fontes e regras de espa\u00e7amento consistentes em todo o site:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">Alinhe o t\u00edtulo da p\u00e1gina \u00e0 esquerda.\nUse a fonte Cowboy (Rye) para todos os t\u00edtulos e Roboto para todo o restante do texto.\nDobre a altura da linha de todos os par\u00e1grafos e elementos de cita\u00e7\u00e3o.\nAdicione margens de 5% na parte superior e na base e 10% \u00e0 esquerda e \u00e0 direita no bloco de cita\u00e7\u00e3o.<\/code><\/pre>\n<p>O Lovable atualiza a tipografia, as alturas de linha e as margens.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/adjust-page-with-loveable.png\" alt=\"Personalizando visualmente o layout de uma p\u00e1gina.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Personalizando visualmente o layout de uma p\u00e1gina.<\/figcaption><\/figure>\n<p>Se algo n\u00e3o parecer correto, por exemplo, se o t\u00edtulo n\u00e3o estiver realmente alinhado \u00e0 esquerda, voc\u00ea pode perguntar ao Lovable:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">O t\u00edtulo da p\u00e1gina n\u00e3o est\u00e1 alinhado \u00e0 esquerda. Por qu\u00ea?<\/code><\/pre>\n<p>E ele explicar\u00e1:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">O cont\u00eainer possui mx-auto, o que o centraliza. Vou remover isso para garantir o alinhamento real \u00e0 esquerda.<\/code><\/pre>\n<h3>Definindo estilos globais de bot\u00f5es<\/h3>\n<p>Em seguida, voc\u00ea pode trazer consist\u00eancia visual aos bot\u00f5es. No Guia de estilos din\u00e2mico, pe\u00e7a ao Lovable para criar tr\u00eas tamanhos de bot\u00f5es com estados de hover bem definidos:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">1. Os bot\u00f5es devem ser retangulares.\n2. Usar fundo preto com texto branco e inverter as cores no hover.\n3. O bot\u00e3o m\u00e9dio deve ter 125% da largura do pequeno, e o grande, 150%.\n4. Adicionar raio de borda de 20px.<\/code><\/pre>\n<p>Se os bot\u00f5es n\u00e3o aparecerem imediatamente, o Lovable pode adicionar uma se\u00e7\u00e3o de demonstra\u00e7\u00e3o para visualiz\u00e1-los. Assim que vis\u00edveis, ele aplica os estilos personalizados.<\/p>\n<p>Aqui est\u00e1 um exemplo do CSS resultante, que voc\u00ea tamb\u00e9m pode usar no WordPress:<\/p>\n<pre style=\"margin: 0 0 8px\"><code class=\"language-bash\">.wp-button {\n  background: #000;\n  color: #fff;\n  border-radius: 20px;\n  padding: 0.5rem 0.9375rem;\n  transition: all 0.3s ease;\n}\n\n.wp-button:hover {\n  background: #fff;\n  color: #000;\n}\n\n.wp-button-sm { width: 100%; }\n.wp-button-md { width: 125%; }\n.wp-button-lg { width: 150%; }<\/code><\/pre>\n<p>O Lovable tamb\u00e9m explica como levar esses estilos para o seu tema WordPress, copiando as vari\u00e1veis para o CSS do tema e aplicando as classes <code>.wp-button<\/code> dentro do editor de blocos ou nos templates.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/11\/add-custom-buttons.png\" alt=\"Adicionar e estilizar bot\u00f5es personalizados em uma p\u00e1gina da web.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Adicionar e estilizar bot\u00f5es personalizados em uma p\u00e1gina da web.<\/figcaption><\/figure>\n<h2>Implanta\u00e7\u00e3o<\/h2>\n<p>Com seu site headless conectado e estilizado, a etapa final \u00e9 a implanta\u00e7\u00e3o, que envolve coloc\u00e1-lo em produ\u00e7\u00e3o.<\/p>\n<p>A base de c\u00f3digo do Lovable \u00e9 port\u00e1til, o que significa que voc\u00ea pode enviar o frontend para qualquer plataforma baseada no Git e fazer a implanta\u00e7\u00e3o a partir dela. Neste guia, usaremos o <a href=\"https:\/\/sevalla.com\/\">Sevalla<\/a>, uma plataforma criada pela equipe da Kinsta que combina hospedagem avan\u00e7ada na nuvem com automa\u00e7\u00e3o amig\u00e1vel para desenvolvedores.<\/p>\n<p>A Sevalla oferece <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">hospedagem gratuita de sites est\u00e1ticos<\/a>, com entrega global na borda e implanta\u00e7\u00f5es autom\u00e1ticas a cada push para o Git. Depois que seu c\u00f3digo estiver sincronizado com GitHub, GitLab ou Bitbucket, voc\u00ea pode conectar seu reposit\u00f3rio ao Sevalla em apenas alguns cliques.<\/p>\n<p>Veja como colocar o site em produ\u00e7\u00e3o:<\/p>\n<ol start=\"1\">\n<li>No <a href=\"https:\/\/app.sevalla.com\/\">painel do Sevalla<\/a>, v\u00e1 para <strong>Static Sites<\/strong> e clique em <strong>Add site<\/strong>.<\/li>\n<li>Escolha o provedor Git e o reposit\u00f3rio.<\/li>\n<li>Confirme o branch padr\u00e3o e <strong>habilite a implanta\u00e7\u00e3o autom\u00e1tica a cada commit<\/strong>.<\/li>\n<li>O Sevalla detecta sua estrutura automaticamente (React + Vite, neste caso).<\/li>\n<li>Clique em <strong>Create site <\/strong>e o build come\u00e7a imediatamente.<\/li>\n<\/ol>\n<p>Em alguns minutos, seu site estar\u00e1 dispon\u00edvel com um dom\u00ednio tempor\u00e1rio gratuito.<\/p>\n<h2>Dicas \u00fateis e outras observa\u00e7\u00f5es<\/h2>\n<p>Ao avan\u00e7ar na cria\u00e7\u00e3o headless com o Lovable, alguns pontos se destacam e tornam o processo mais simples e f\u00e1cil de entender.<\/p>\n<ul>\n<li><strong>Planos gratuitos e pagos:<\/strong> o Lovable oferece ambos. O plano gratuito permite experimentar bastante, enquanto os planos pagos oferecem sess\u00f5es de prompt mais longas e processamento mais r\u00e1pido.<\/li>\n<li><strong>Sem necessidade de atualizar a p\u00e1gina com frequ\u00eancia:<\/strong> na maioria dos casos, a interface do Lovable \u00e9 atualizada automaticamente quando voc\u00ea altera ou publica conte\u00fado no WordPress. A sincroniza\u00e7\u00e3o ao vivo \u00e9 r\u00e1pida e confi\u00e1vel.<\/li>\n<li><strong>Edi\u00e7\u00e3o direta de arquivos:<\/strong> assim como no GitHub, o Lovable permite editar arquivos diretamente na plataforma. Isso \u00e9 \u00fatil para ajustes r\u00e1pidos ou para depurar pequenos problemas sem trocar de editor.<\/li>\n<li><strong>API REST vs WPGraphQL:<\/strong> para a maioria dos projetos simples, a API REST nativa do WordPress \u00e9 suficiente. No entanto, se voc\u00ea precisar de consultas ou relacionamentos mais complexos, o plugin <a href=\"https:\/\/kinsta.com\/pt\/blog\/wpgraphql-e-wp-rest-api\/\">WPGraphQL<\/a> oferece uma op\u00e7\u00e3o mais avan\u00e7ada e estruturada.<\/li>\n<li><strong>Problemas comuns de configura\u00e7\u00e3o:<\/strong> se voc\u00ea encontrar problemas de conex\u00e3o, geralmente eles est\u00e3o relacionados a CORS (Cross-Origin Resource Sharing) ou permiss\u00f5es de acesso \u00e0 API REST. O agente de IA do Lovable pode ajudar a resolver isso rapidamente.<\/li>\n<li><strong>Considera\u00e7\u00f5es sobre cache:<\/strong> como o frontend \u00e9 est\u00e1tico, as altera\u00e7\u00f5es podem n\u00e3o aparecer imediatamente durante o desenvolvimento. Limpe o cache ou gere um novo build ao fazer mudan\u00e7as significativas.<\/li>\n<\/ul>\n<h2>Resumo<\/h2>\n<p>O WordPress headless abre um espa\u00e7o em que design e desenvolvimento se encontram com pouqu\u00edssimos limites. Ao combinar o WordPress como um backend de conte\u00fado confi\u00e1vel com a cria\u00e7\u00e3o de frontend orientada por IA do Lovable, voc\u00ea pode ir do conceito \u00e0 implanta\u00e7\u00e3o ao vivo mais r\u00e1pido do que nunca.<\/p>\n<p>\u00c0 medida que a IA continua moldando os fluxos de trabalho, o WordPress headless surge como uma abordagem flex\u00edvel e preparada para o futuro para criadores que buscam velocidade, controle e liberdade na mesma medida.<\/p>\n<p>Se voc\u00ea est\u00e1 pronto para explorar o que o WordPress headless pode fazer no seu pr\u00f3ximo projeto, comece com uma plataforma de hospedagem criada para desempenho e confiabilidade. <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Explore os planos de hospedagem da Kinsta<\/a>, a base ideal para WordPress, headless ou builds h\u00edbridos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A intelig\u00eancia artificial, ferramentas de desenvolvimento aprimoradas e ambientes de hospedagem modernos est\u00e3o dando ao WordPress headless uma nova onda de aten\u00e7\u00e3o entre designers e desenvolvedores. &#8230;<\/p>\n","protected":false},"author":313,"featured_media":73974,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026,1018],"class_list":["post-73973","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-wordpress","topic-ferramentas-desenvolvimento-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Usando WordPress Headless para criar um site com o Lovable<\/title>\n<meta name=\"description\" content=\"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Usando WordPress Headless para criar um site com o Lovable\" \/>\n<meta property=\"og:description\" content=\"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-05T07:39:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-05T08:40:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Usando WordPress Headless para criar um site com o Lovable\",\"datePublished\":\"2026-01-05T07:39:06+00:00\",\"dateModified\":\"2026-01-05T08:40:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\"},\"wordCount\":2258,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\",\"name\":\"Usando WordPress Headless para criar um site com o Lovable\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"datePublished\":\"2026-01-05T07:39:06+00:00\",\"dateModified\":\"2026-01-05T08:40:31+00:00\",\"description\":\"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Usando WordPress Headless para criar um site com o Lovable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Usando WordPress Headless para criar um site com o Lovable","description":"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/","og_locale":"pt_PT","og_type":"article","og_title":"Usando WordPress Headless para criar um site com o Lovable","og_description":"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.","og_url":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2026-01-05T07:39:06+00:00","article_modified_time":"2026-01-05T08:40:31+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Bud Kraus","Tempo estimado de leitura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Usando WordPress Headless para criar um site com o Lovable","datePublished":"2026-01-05T07:39:06+00:00","dateModified":"2026-01-05T08:40:31+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/"},"wordCount":2258,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/","url":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/","name":"Usando WordPress Headless para criar um site com o Lovable","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","datePublished":"2026-01-05T07:39:06+00:00","dateModified":"2026-01-05T08:40:31+00:00","description":"Aprenda como criar um site WordPress headless usando o construtor de frontend orientado por IA do Lovable e personalizar estilos globais.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2025\/12\/using-headless-wordpress-to-build-a-website-with-lovable.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/site-wordpress-com-lovable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Usando WordPress Headless para criar um site com o Lovable"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/pt\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/73973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=73973"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/73973\/revisions"}],"predecessor-version":[{"id":74029,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/73973\/revisions\/74029"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/73973\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/73974"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=73973"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=73973"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=73973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}