{"id":4074,"date":"2025-06-19T14:21:00","date_gmt":"2025-06-19T14:21:00","guid":{"rendered":"\/it\/tutorial\/?p=4074"},"modified":"2025-10-31T17:47:36","modified_gmt":"2025-10-31T17:47:36","slug":"wordpress-headless","status":"publish","type":"post","link":"\/it\/tutorial\/wordpress-headless","title":{"rendered":"Come creare un sito web con WordPress Headless nel 2026 usando React e un plugin"},"content":{"rendered":"<p>Un sistema WordPress Headless aiuta web designer e sviluppatori a lavorare sui loro siti in modo pi&ugrave; efficiente. Tuttavia, se per te &egrave; una novit&agrave;, potresti avere difficolt&agrave; a capirne il funzionamento. Inoltre, probabilmente ti starai chiedendo se sia la soluzione giusta per il tuo progetto.<\/p><p>Ecco perch&eacute; abbiamo creato questa guida rapida a WordPress Headless. Approfondendo il mondo dei sistemi di gestione dei contenuti (CMS) basati solo sul back-end, puoi decidere se una configurazione headless sia la soluzione giusta per i tuoi progetti di sviluppo web.<\/p><p>In questo articolo, analizzeremo pi&ugrave; da vicino WordPress Headless e parleremo dei pro e i contro. Ti mostreremo poi come iniziare a usarlo e analizzeremo alcuni strumenti che puoi utilizzare. Cominciamo subito.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-cos-e-wordpress-headless\"><strong>Cos&rsquo;&egrave; WordPress Headless?<\/strong><\/h2><p>La maggior parte dei CMS ha un front-end e un back-end. Con un <a href=\"\/it\/tutorial\/cos-e-wordpress\"><strong>sito WordPress<\/strong><\/a>, il back-end comprende il pannello di amministrazione e gli strumenti di gestione dei contenuti:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a51ea4d2\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"509\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-151.png\/public\" alt=\"La dashboard di WordPress\" class=\"wp-image-4075\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-151.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-151.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-151.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Il front-end &egrave; tutto quello che i visitatori vedono quando arrivano sul tuo sito web. In genere, questo contenuto viene visualizzato dal tuo tema WordPress attivo:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a51ec11e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"481\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-152.png\/public\" alt=\"Homepage del sito di prova su WordPress\" class=\"wp-image-4078\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-152.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-152.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-152.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Quando si esegue WordPress Headless, si rimuove la testa (front-end) dal corpo (back-end). In questo modo, &egrave; possibile continuare a utilizzare la dashboard familiare liberandosi dai vincoli del front-end della piattaforma.<\/p><p>In una <strong>configurazione CMS Headless<\/strong>, WordPress fornisce i tuoi contenuti come dati utilizzando un&rsquo;<strong>interfaccia di programmazione dell&rsquo;applicazione (API) <\/strong>che segue lo stile Representational State Transfer (REST). Puoi accedere a queste informazioni inviando una richiesta di rete all&rsquo;endpoint API REST integrato di WordPress. Questo ti d&agrave; la libert&agrave; di presentare tutti questi contenuti in un front-end personalizzato.<\/p><p>Puoi persino utilizzare i dati di WordPress in contesti unici, tra cui applicazioni mobile e applicazioni a pagina singola (API). Nella prossima sezione, analizzeremo pi&ugrave; da vicino i vantaggi dell&rsquo;utilizzo di un sistema headless.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-decidere-se-utilizzare-wordpress-headless-e-giusto-per-te\"><strong>Come decidere se utilizzare WordPress Headless &egrave; giusto per te?<\/strong><\/h3><p>Non &egrave; insolito riutilizzare gli stessi contenuti su pi&ugrave; piattaforme. Ad esempio, il gigante dell&rsquo;e-commerce Amazon gestisce un negozio online e un&rsquo;applicazione mobile dedicata. Questi due canali mostrano gli stessi contenuti:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a51edcbe\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"558\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-153.png\/public\" alt=\"Pagina Compra giocattoli e giochi di Amazon\" class=\"wp-image-4080\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-153.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-153.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-153.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Usando la configurazione <strong>headless per l&rsquo;e-commerce<\/strong>, &egrave; possibile utilizzare gli stessi dati su pi&ugrave; piattaforme. Questo semplifica il mantenimento di una presenza attiva su pi&ugrave; canali.<\/p><p>Il tuo WordPress Headless funge anche da repository centrale. Questo pu&ograve; garantire coerenza su tutte le tue piattaforme. Significa anche che dovrai modificare i tuoi contenuti una sola volta e che la modifica verr&agrave; poi replicata su diversi canali.<\/p><p>Poich&eacute; i contenuti headless vengono forniti tramite un&rsquo;API, sei libero di utilizzare gli strumenti front-end che preferisci. Scegliere uno strumento con cui hai gi&agrave; familiarit&agrave; pu&ograve; aiutarti a ridurre il tempo dedicato alla progettazione e allo sviluppo delle tue pagine.<\/p><p>Con l&rsquo;evoluzione del progetto, potrebbe essere necessario adottare nuovi strumenti o passare a tecnologie alternative. La buona notizia &egrave; che puoi modificare parti del tuo stack Headless o passare a un framework alternativo senza che ci&ograve; influisca sul tuo CMS. Questo ti consente di adattare costantemente il progetto alle tue esigenze in continua evoluzione.<\/p><p>Questa flessibilit&agrave; non si limita al back-end. Eliminando il front-end di WordPress, si elimina anche la dipendenza da temi e plugin.<\/p><p>WordPress pu&ograve; avere un enorme ecosistema di software di terze parti, ma temi e plugin sono ancora limitati dalle convenzioni del front-end della piattaforma. Eliminando queste limitazioni, si avr&agrave; un controllo maggiore sull&rsquo;aspetto dei contenuti e sulle funzionalit&agrave; del sito.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-identificare-e-indirizzare-potenziali-problemi-con-wordpress-headless\"><strong>Come identificare e indirizzare potenziali problemi con WordPress Headless?<\/strong><\/h3><p>WordPress Headless offre maggiore libert&agrave; di progettazione e sviluppo. Tuttavia, questa flessibilit&agrave; ha un costo.<\/p><p>Creare il proprio front-end pu&ograve; essere un processo lungo e frustrante. Richiede inoltre una notevole competenza tecnica e pu&ograve; comportare la scrittura di codice esteso.<\/p><p>Esistono <strong>framework di WordPress<\/strong> e strumenti che possono svolgere gran parte del lavoro pi&ugrave; impegnativo. Tuttavia, creare un front-end personalizzato &egrave; un po&rsquo; pi&ugrave; complesso rispetto all&rsquo;utilizzo degli strumenti gi&agrave; pronti di WordPress.<\/p><p>Anche quando il tuo sito &egrave; attivo e funzionante, un sito WordPress Headless richiede solitamente una manutenzione pi&ugrave; continuativa. Avendo creato il front-end manualmente, dovrai implementare manualmente anche eventuali modifiche. Questo include la pubblicazione di nuovi contenuti e la modifica del design del sito.<\/p><p>Temi e plugin sono una parte importante dell&rsquo;esperienza di WordPress. Eseguendo questa piattaforma in modalit&agrave; Headless, si perde immediatamente l&rsquo;accesso a questo software aggiuntivo. Se si desidera aggiungere una nuova funzionalit&agrave; o modificare il design, &egrave; necessario scrivere manualmente il codice per il progetto.<\/p><p>A meno che non sviluppi una soluzione personalizzata, WordPress Headless non offre un <strong>editor What You See Is What You Get (WYSIWYG)<\/strong> o un&rsquo;opzione di anteprima in tempo reale. Questo pu&ograve; rendere difficile valutare l&rsquo;aspetto dei tuoi contenuti sul front-end.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/it\/hosting-wordpress\"><img decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-1321\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2024\/02\/IT-WordPress-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-come-creare-un-sito-web-con-wordpress-headless\"><strong>Come creare un sito web con WordPress Headless?<\/strong><\/h2><p>Costruire il proprio front-end non &egrave; un processo semplice. Tuttavia, esistono strumenti che possono semplificarlo. Con questo in mente, esploriamo due modi per creare un progetto con WordPress Headless con il minimo sforzo.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-configurare-un-sito-web-con-wordpress-headless-e-il-framework-react\"><strong>Come configurare un sito web con WordPress Headless e il framework React<\/strong><\/h3><p>Costruire un front-end per il CMS WordPress pu&ograve; essere un compito lungo e complesso. Per questo motivo, molti sviluppatori scelgono di utilizzare un framework.<\/p><p>Puoi creare un front-end di WordPress personalizzato con la <a href=\"https:\/\/reactjs.org\/\" target=\"_blank\" rel=\"noopener\"><strong>libreria React JavaScript<\/strong><\/a>. Questa popolare risorsa contiene tutto il necessario per accedere ai dati memorizzati nel tuo CMS tramite l&rsquo;<strong>API REST di WordPress<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a51f26d3\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"337\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-154.png\/public\" alt=\"Homepage di React - una libreria JavaScript per la creazione di interfacce utente\" class=\"wp-image-4081\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-154.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-154.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-154.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Il framework <a href=\"\/it\/tutorial\/cose-react\"><strong>React<\/strong><\/a> promette inoltre di potenziare i progetti headless eliminando la necessit&agrave; di ripetere il rendering. Questo significa che il codice fondamentale del progetto viene caricato una sola volta.<\/p><p>Se lo stato di un componente cambia, il framework React rielaborer&agrave; solo il contenuto interessato. Questo rende i framework basati su React particolarmente popolari tra gli sviluppatori che intendono realizzare una SPA.<\/p><p>Inizialmente lanciata per l&rsquo;utilizzo con Facebook, questa tecnologia popolare &egrave; stata ora adottata da molti grandi nomi, tra cui Airbnb, Dropbox, Netflix e Reddit.<\/p><p>Con il supporto di tante aziende multinazionali, non sorprende che React disponga di un ampio supporto online, tra cui la <a href=\"https:\/\/reactjs.org\/docs\/getting-started.html\" target=\"_blank\" rel=\"noopener\"><strong>documentazione ufficiale<\/strong><\/a> e <a href=\"https:\/\/reactjs.org\/tutorial\/tutorial.html\" target=\"_blank\" rel=\"noopener\"><strong>tutorial utili<\/strong><\/a>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a51f4181\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"450\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-155.png\/public\" alt=\"La pagina Inizia a usare React in cui viene mostrata la sua documentazione e i tutorial correlati\" class=\"wp-image-4082\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-155.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-155.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-155.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>In caso di problemi, sar&agrave; semplice trovare risposte e soluzioni pertinenti. Questa &egrave; un&rsquo;ottima notizia per chiunque stia esplorando React per la prima volta o non abbia molta esperienza con i framework in generale.<\/p><p>Sebbene tu possa scegliere di utilizzare la libreria React, esistono anche diversi framework basati su React che potresti utilizzare. Il <a href=\"https:\/\/frontity.org\/\" target=\"_blank\" rel=\"noopener\"><strong>progetto Frontity<\/strong><\/a> &egrave; incluso tra questi, preconfigurato per offrire la migliore esperienza possibile agli utenti WordPress:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a5201b42\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"472\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-156.png\/public\" alt=\"Homepage di Frontity - il framework di React per WordPress\" class=\"wp-image-4083\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-156.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-156.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-156.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Altri framework popolari che utilizzano React includono il <a href=\"https:\/\/www.gatsbyjs.com\/\" target=\"_blank\" rel=\"noopener\"><strong>progetto open source <\/strong><\/a><a href=\"http:\/\/gatsby.js\" target=\"_blank\" rel=\"noopener\"><strong>Gatsby.js<\/strong><\/a> e <a href=\"https:\/\/nextjs.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Next.js di Vercel<\/strong><\/a>. Con cos&igrave; tante opzioni tra cui scegliere, puoi fare un giro e trovare quella pi&ugrave; adatta al tuo progetto specifico.<\/p><h3 class=\"wp-block-heading\" id=\"h-come-configurare-un-sito-web-con-wordpress-headless-usando-un-plugin\"><strong>Come configurare un sito web con WordPress Headless usando un plugin<\/strong><\/h3><p>Con WordPress, esiste un plugin che ti aiuta a svolgere quasi ogni compito. Quando si tratta di configurare WordPress Headless, ci sono alcune buone opzioni che possono aiutarti a iniziare.<\/p><p>Diamo un&rsquo;occhiata a due potenti plugin che puoi utilizzare.<\/p><p>1. <a href=\"https:\/\/wordpress.org\/plugins\/wp-graphql\/\" target=\"_blank\" rel=\"noopener\"><strong>WPGraphQL<\/strong><\/a><\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a520363d\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"327\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-157.png\/public\" alt=\"Banner di WPGraphQL\" class=\"wp-image-4084\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-157.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-157.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-157.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>WPGraphQL &egrave; un plugin gratuito progettato per aiutarti a recuperare dati da WordPress Headless. Questo plugin &egrave; incluso nell&rsquo;<a href=\"https:\/\/github.com\/graphql\/graphiql\" target=\"_blank\" rel=\"noopener\"><strong>ambiente di sviluppo integrato GraphQL (IDE)<\/strong><\/a>, che ti permette di esplorare lo schema GraphQL del tuo progetto e di testare query e mutazioni.<\/p><p>WPGraphQL trasforma il tuo sito WordPress in un&rsquo;API GraphQL. Ci&ograve; significa che puoi interagire con questo plugin usando qualsiasi client in grado di effettuare richieste HTTP all&rsquo;endpoint GraphSQL.<\/p><p>WPGraphQL &egrave; progettato per essere usato con framework come <a href=\"https:\/\/www.apollographql.com\/docs\/react\/\" target=\"_blank\" rel=\"noopener\"><strong>Apollo Client<\/strong><\/a>, Next.js, e Gatbsy.js. Se usi Gatsby, potresti voler dare un&rsquo;occhiata al <a href=\"https:\/\/www.gatsbyjs.com\/plugins\/gatsby-source-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>plugin sorgente di Gatsby per WordPress<\/strong><\/a>.<\/p><p>Con questo plugin sorgente, puoi eseguire build incrementali rapide e visualizzare in anteprima i contenuti nel tuo CMS. Per questo motivo, potresti optare per WPGraphQL se prevedi di utilizzare Gatsby.js.<\/p><p><strong>Funzionalit&agrave; principali:<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Uno schema GraphQL estensibile e un&rsquo;API per il tuo sito web WordPress<\/li>\n\n\n\n<li>Accesso a pi&ugrave; risorse root<\/li>\n\n\n\n<li>Possibilit&agrave; di seguire riferimenti tra risorse connesse<\/li>\n\n\n\n<li><a href=\"https:\/\/www.wpgraphql.com\/docs\/introduction\/\" target=\"_blank\" rel=\"noopener\"><strong>Ampia documentazione<\/strong><\/a><\/li>\n<\/ul><p><strong>Prezzo: <\/strong>puoi installare questo plugin gratuitamente.<\/p><p>2. <a href=\"https:\/\/wordpress.org\/plugins\/cart-rest-api-for-woocommerce\/\" target=\"_blank\" rel=\"noopener\"><strong>CoCart &ndash; eCommerce Headless<\/strong><\/a><\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a5204fcd\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"327\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-158.png\/public\" alt=\"Il banner CoCard su WordPress\" class=\"wp-image-4085\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-158.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-158.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-158.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Lo shopping online si &egrave; evoluto dall&rsquo;essere un&rsquo;attivit&agrave; svolta esclusivamente tramite computer. Nel terzo trimestre del 2020, il <a href=\"https:\/\/www.statista.com\/statistics\/201680\/retail-site-device-visit-order-share-usa\/\" target=\"_blank\" rel=\"noopener\"><strong>56% degli ordini online <\/strong><\/a>negli Stati Uniti &egrave; stato generato da smartphone. Questo spiega perch&eacute; cos&igrave; tanti negozi online stanno creando applicazioni per dispositivi mobile.<\/p><p>Se stai lanciando un negozio online su pi&ugrave; piattaforme, potresti voler usare soluzioni come <strong>WooCommerce<\/strong> come parte della tua configurazione headless. Tuttavia, WooCommerce non supporta il carrello tramite l&rsquo;API REST di default.<\/p><p>&Egrave; qui che entra in gioco CoCart. Questo plugin gratuito fornisce un&rsquo;API che ti consente di accedere al carrello di WooCommerce come parte della tua configurazione headless. CoCart supporta anche i clienti che desiderano effettuare il checkout come ospiti ed &egrave; in grado di eseguire l&rsquo;autenticazione di base.<\/p><p>Se sei un amministratore o un responsabile del negozio, puoi utilizzare questo plugin per visualizzare i carrelli della spesa nella sessione, inclusi i prodotti che i clienti hanno aggiunto ai loro carrelli. Questo rende CoCart un plugin altamente raccomandato per una configurazione dell&rsquo;e-commerce headless.<\/p><p><strong>Funzionalit&agrave; principali:<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Aggiungi prodotti semplici, variabili e raggruppati al carrello WooCommerce<\/li>\n\n\n\n<li>Aggiorna, rimuovi e ripristina gli articoli<\/li>\n\n\n\n<li>Utilizza il software su pi&ugrave; domini<\/li>\n\n\n\n<li>Scegli tra pi&ugrave; di 100 <a href=\"https:\/\/docs.cocart.xyz\/#filters\" target=\"_blank\" rel=\"noopener\"><strong>filtri CoGart<\/strong><\/a> e <a href=\"https:\/\/docs.cocart.xyz\/#hooks\" target=\"_blank\" rel=\"noopener\"><strong>azioni<\/strong><\/a><\/li>\n<\/ul><p><strong>Prezzo: <\/strong>questo plugin &egrave; disponibile per il download gratuito.<\/p><h2 class=\"wp-block-heading\" id=\"h-come-implementare-le-migliori-pratiche-per-wordpress-headless\"><strong>Come implementare le migliori pratiche per WordPress Headless?<\/strong><\/h2><p>Un sito WordPress Headless ha molto da offrire, soprattutto in termini di flessibilit&agrave; e riutilizzabilit&agrave;. Tuttavia, ci sono alcuni accorgimenti che puoi adottare per sfruttare al meglio la tua nuova configurazione headless.<\/p><p>Tradizionalmente, i proprietari dei siti web WordPress gestiscono l&rsquo;ottimizzazione per i motori di ricerca (SEO) del proprio sito usando un plugin dedicato come <strong>Yoast SEO<\/strong>.<\/p><p>Tuttavia, WordPress Headless non offre la semplicit&agrave; plug-and-play di un <strong>plugin SEO<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ed5a5206c9a\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"329\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-159.png\/public\" alt=\"Il banner di YoastSEO su WordPress - SEO per tutti\" class=\"wp-image-4086\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-159.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-159.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/27\/2025\/06\/image-159.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Ingrandisci\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Per garantire che i tuoi contenuti ottengano un buon posizionamento nei motori di ricerca, &egrave; importante utilizzare uno schema di markup dei dati strutturati di <a href=\"https:\/\/schema.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Schema.org<\/strong><\/a>.<\/p><p>Il <strong>markup Schema<\/strong> fornisce una struttura che aiuta i motori di ricerca a comprendere i tuoi contenuti e a classificarli di conseguenza.<\/p><p>Se utilizzato come un CMS headless, WordPress richiede solo un semplice stack MySQL e PHP, il che lo rende un&rsquo;opzione leggera e altamente performante. Tuttavia, non esiste un contenuto che si carica <em>troppo <\/em>velocemente. Con questo in mente, puoi <a href=\"\/it\/tutorial\/velocizzare-sito-wordpress\"><strong>migliorare ulteriormente la velocit&agrave; di WordPress<\/strong><\/a> usando una rete di distribuzione di contenuti (CDN) per ridurre la latenza.<\/p><p>&Egrave; anche importante <strong>ottimizzare le immagini per WordPress<\/strong>. Potresti utilizzare uno strumento di compressione come <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\"><strong>TinyPNG<\/strong><\/a>. Assicurandoti che tutti i tuoi contenuti siano ottimizzati per le prestazioni, puoi contribuire ad aumentare la velocit&agrave; del tuo WordPress Headless, gi&agrave; impressionante.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusioni\"><strong>Conclusioni<\/strong><\/h2><p>Creare il tuo primo progetto WordPress Headless pu&ograve; essere un po&rsquo; impegnativo. Tuttavia, con gli strumenti giusti, puoi creare una configurazione headless flessibile e multipiattaforma senza molti sforzi.<\/p><p>In questo articolo, abbiamo esaminato tre strumenti principali per aiutarti a iniziare con WordPress Headless:<\/p><ol class=\"wp-block-list\">\n<li><strong>Framework che utilizzano React:<\/strong> includono framework come Frontity, progettato specificamente per WordPress.<\/li>\n\n\n\n<li><strong>WPGraphQL:<\/strong> se utilizzi il framework Gatsby, potresti dare un&rsquo;occhiata a questo plugin gratuito.<\/li>\n\n\n\n<li><strong>WooCommerce Headless di CoCart:<\/strong> un plugin per e-commerce che aggiunge il supporto headless al carrello WooCommerce.<\/li>\n<\/ol><p>Hai domande su come iniziare a usare WordPress Headless o su uno degli strumenti discussi in questo articolo? Faccelo sapere nella sezione dei commenti qui sotto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un sistema WordPress Headless aiuta web designer e sviluppatori a lavorare sui loro siti in modo pi&ugrave; efficiente. Tuttavia, se per te &egrave; una novit&agrave;, potresti avere difficolt&agrave; a capirne il funzionamento. Inoltre, probabilmente ti starai chiedendo se sia la soluzione giusta per il tuo progetto. Ecco perch&eacute; abbiamo creato questa guida rapida a WordPress [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/it\/tutorial\/wordpress-headless\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":548,"featured_media":4076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"WordPress Headless: cos'\u00e8 e come impostarlo (+ consigli)","rank_math_description":"WordPress Headless ti permette di gestire il front-end separatamente dal back-end. Scopri come configurarlo facilmente.","rank_math_focus_keyword":"WordPress headless","footnotes":""},"categories":[18],"tags":[],"class_list":["post-4074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/headless-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-headless","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wordpress-headless","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/headless-cms","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/headless-wordpress","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/headless-wordpress-einrichten","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/wordpress-headless","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/headless-cms","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/headless-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/headless-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/a-quick-guide-to-headless-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/a-quick-guide-to-headless-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/headless-cms","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/headless-cms","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/headless-cms","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-headless","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/headless-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/headless-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/headless-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/headless-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/users\/548"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/comments?post=4074"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4074\/revisions"}],"predecessor-version":[{"id":5057,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/posts\/4074\/revisions\/5057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/media\/4076"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/media?parent=4074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/categories?post=4074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/it\/tutorial\/wp-json\/wp\/v2\/tags?post=4074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}