{"id":167385,"date":"2025-05-19T09:00:00","date_gmt":"2025-05-19T09:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/dove-inserire-il-css-personalizzato\/"},"modified":"2026-05-30T10:00:00","modified_gmt":"2026-05-30T08:00:00","slug":"dove-inserire-il-css-personalizzato","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/dove-inserire-il-css-personalizzato\/","title":{"rendered":"Dove Inserire il CSS Personalizzato"},"content":{"rendered":"<article>\n<p>Beaver Builder &#232; un page builder visuale, ma questo non significa che il codice personalizzato non abbia un ruolo importante. Anzi, la capacit&#224; di integrare CSS e JavaScript personalizzato &#232; ci&#242; che separa un sito &#8220;fatto con un builder&#8221; da un sito veramente professionale e unico. Beaver Builder offre diversi punti di ingresso per il codice personalizzato, ognuno con i propri vantaggi e casi d&#8217;uso. In questa guida completa, esploreremo tutte le possibilit&#224; di personalizzazione tramite codice.<\/p>\n<h2>Dove Inserire il CSS Personalizzato<\/h2>\n<p>Beaver Builder offre molteplici posizioni dove puoi aggiungere CSS personalizzato, ognuna con un ambito di applicazione diverso. Comprendere la differenza tra queste posizioni &#232; fondamentale per mantenere il codice organizzato e efficiente.<\/p>\n<h3>CSS a Livello di Modulo<\/h3>\n<p>Ogni modulo ha un campo <strong>CSS class<\/strong> e un campo <strong>ID<\/strong> nella scheda Avanzate. Puoi usare queste classi per targetizzare il modulo specifico con CSS. Inoltre, i moduli pi&#249; avanzati offrono un&#8217;area dedicata per il codice CSS personalizzato direttamente nelle loro impostazioni. Questo CSS viene applicato solo al modulo specifico e non influenza il resto della pagina.<\/p>\n<h3>CSS a Livello di Riga<\/h3>\n<p>Come per i moduli, anche le righe hanno campi per classi CSS e ID personalizzati. Puoi aggiungere una classe alla riga e poi scrivere regole CSS che targetizzano quella classe specifica. Questo approccio &#232; utile per applicare stili comuni a tutti gli elementi all&#8217;interno di una sezione.<\/p>\n<h3>CSS a Livello di Pagina<\/h3>\n<p>Nell&#8217;editor Beaver Builder, aprendo il menu principale e selezionando <strong>Layout CSS &amp; JavaScript<\/strong>, trovi due aree di testo: una per il CSS e una per il JavaScript. Il CSS inserito qui si applica solo alla pagina corrente. Questa &#232; la posizione ideale per stili specifici di una singola pagina che non devono influenzare il resto del sito.<\/p>\n<h3>CSS Globale nel Customizer<\/h3>\n<p>WordPress offre un&#8217;area per il CSS personalizzato nel <strong>Customizer<\/strong> (Aspetto &rarr; Personalizza &rarr; CSS aggiuntivo). Il CSS inserito qui si applica a tutto il sito e persiste anche se cambi tema. &#200; la posizione ideale per stili globali che devono essere applicati ovunque, come personalizzazioni tipografiche, colori del brand o override degli stili del tema.<\/p>\n<h3>CSS nel Tema (Child Theme)<\/h3>\n<p>Per progetti professionali, la posizione migliore per il CSS personalizzato &#232; il file <code>style.css<\/code> di un child theme. Questo approccio garantisce che le personalizzazioni non vengano perse quando il tema viene aggiornato e permette di utilizzare preprocessori CSS (Sass, Less) se lo desideri.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/bb-01-settings.png\" alt=\"Pannello CSS e JavaScript personalizzato nell&#8217;editor Beaver Builder\" \/><\/p>\n<h2>Tecniche CSS Avanzate con Beaver Builder<\/h2>\n<h3>Personalizzare i Colori e la Tipografia<\/h3>\n<p>Per mantenere coerenza visiva, definisci i colori e i font del brand come variabili CSS custom properties. Inserisci queste variabili nel CSS globale (Customizer o child theme) e usale in tutto il sito:<\/p>\n<pre><code>:root {\n  --color-primary: #0073aa;\n  --color-secondary: #23282d;\n  --color-accent: #00a0d2;\n  --font-heading: Montserrat, sans-serif;\n  --font-body: Open Sans, sans-serif;\n}\n\n.fl-module-heading .fl-heading {\n  font-family: var(--font-heading);\n  color: var(--color-primary);\n}\n\n.fl-module-rich-text {\n  font-family: var(--font-body);\n  color: var(--color-secondary);\n}<\/code><\/pre>\n<p>L&#8217;uso delle custom properties CSS &#232; particolarmente potente perch&#233; ti permette di cambiare l&#8217;intero schema colori del sito modificando solo i valori nella dichiarazione <code>:root<\/code>.<\/p>\n<h3>Hover Effects Personalizzati<\/h3>\n<p>Beaver Builder offre alcune opzioni di hover predefinite, ma con CSS personalizzato puoi creare effetti molto pi&#249; sofisticati:<\/p>\n<pre><code>\/* Card con effetto lift on hover *\/\n.servizio-card .fl-col-content {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  border-radius: 8px;\n}\n\n.servizio-card .fl-col-content:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Pulsante con effetto gradiente animato *\/\n.cta-animato .fl-button {\n  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));\n  background-size: 200{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} 200{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c};\n  transition: background-position 0.5s ease;\n}\n\n.cta-animato .fl-button:hover {\n  background-position: 100{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} 100{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c};\n}<\/code><\/pre>\n<h3>Layout Avanzati con CSS Grid e Flexbox<\/h3>\n<p>Sebbene il sistema di colonne di Beaver Builder copra la maggior parte delle esigenze di layout, CSS Grid e Flexbox ti permettono di creare disposizioni che vanno oltre le possibilit&#224; native del builder:<\/p>\n<pre><code>\/* Griglia con card di altezza uguale *\/\n.grid-servizi .fl-row-content {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n  align-items: stretch;\n}\n\n\/* Centratura verticale perfetta in una sezione hero *\/\n.hero-centrato .fl-row-content-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 80vh;\n}<\/code><\/pre>\n<h3>Animazioni CSS Personalizzate<\/h3>\n<p>Le animazioni native di Beaver Builder sono limitate a fade, slide e zoom. Con CSS personalizzato puoi creare animazioni uniche:<\/p>\n<pre><code>@keyframes pulse-glow {\n  0{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} { box-shadow: 0 0 0 0 rgba(0, 115, 170, 0.4); }\n  70{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} { box-shadow: 0 0 0 15px rgba(0, 115, 170, 0); }\n  100{6fb8dad3a9c483f1a21adb5997a0bd0fb65a4b2f8344003d223c5d2f2542798c} { box-shadow: 0 0 0 0 rgba(0, 115, 170, 0); }\n}\n\n.pulsante-evidenziato .fl-button {\n  animation: pulse-glow 2s infinite;\n}\n\n@keyframes slide-in-bottom {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.animazione-ingresso .fl-module {\n  animation: slide-in-bottom 0.6s ease-out forwards;\n}<\/code><\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/bb-02-templates.png\" alt=\"Esempi di effetti CSS personalizzati applicati a moduli Beaver Builder\" \/><\/p>\n<h2>JavaScript Personalizzato in Beaver Builder<\/h2>\n<p>Oltre al CSS, Beaver Builder permette di aggiungere JavaScript personalizzato per creare interazioni avanzate e funzionalit&#224; dinamiche.<\/p>\n<h3>Dove Inserire il JavaScript<\/h3>\n<ul>\n<li><strong>Layout JS<\/strong>: nel pannello &#8220;Layout CSS &amp; JavaScript&#8221; dell&#8217;editor, nella scheda JavaScript. Si applica solo alla pagina corrente<\/li>\n<li><strong>Modulo HTML<\/strong>: inserisci tag <code>&lt;script&gt;<\/code> in un modulo HTML per JavaScript specifico di una sezione<\/li>\n<li><strong>Child theme<\/strong>: nel file <code>functions.php<\/code> del child theme, usando <code>wp_enqueue_script()<\/code> per caricare file JS personalizzati<\/li>\n<li><strong>Plugin personalizzato<\/strong>: per progetti complessi, crea un plugin WordPress dedicato al tuo codice JS<\/li>\n<\/ul>\n<h3>Esempi Pratici di JavaScript<\/h3>\n<h4>Scroll Reveal Personalizzato<\/h4>\n<pre><code>document.addEventListener(DOMContentLoaded, function() {\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(visibile);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll(.scroll-reveal).forEach(el => {\n    observer.observe(el);\n  });\n});<\/code><\/pre>\n<h4>Contatore Animato al Scroll<\/h4>\n<pre><code>function animateCounter(element, target, duration) {\n  let start = 0;\n  const step = target \/ (duration \/ 16);\n  const timer = setInterval(() => {\n    start += step;\n    if (start >= target) {\n      element.textContent = target;\n      clearInterval(timer);\n    } else {\n      element.textContent = Math.floor(start);\n    }\n  }, 16);\n}\n\n\/\/ Attiva quando l&#8217;elemento entra nel viewport\nconst counters = document.querySelectorAll(.contatore-animato);\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      const target = parseInt(entry.target.dataset.target);\n      animateCounter(entry.target, target, 2000);\n      observer.unobserve(entry.target);\n    }\n  });\n});\ncounters.forEach(counter => observer.observe(counter));<\/code><\/pre>\n<h4>Menu Sticky con Cambio Stile<\/h4>\n<pre><code>window.addEventListener(scroll, function() {\n  const header = document.querySelector(.fl-theme-builder-header);\n  if (window.scrollY > 100) {\n    header.classList.add(header-scrolled);\n  } else {\n    header.classList.remove(header-scrolled);\n  }\n});<\/code><\/pre>\n<p>Abbinando questo JavaScript al CSS corrispondente, puoi creare un header che cambia aspetto durante lo scroll (diventa pi&#249; compatto, cambia colore di sfondo, riduce il logo).<\/p>\n<h2>Creare Moduli Personalizzati<\/h2>\n<p>Per gli sviluppatori, Beaver Builder offre un&#8217;API completa per la creazione di <strong>moduli personalizzati<\/strong>. Un modulo personalizzato &#232; un componente PHP che estende la classe <code>FLBuilderModule<\/code> e definisce:<\/p>\n<ul>\n<li><strong>Impostazioni<\/strong>: i campi che l&#8217;utente pu&#242; configurare nel pannello del modulo (testo, colori, dimensioni, toggle, selettori)<\/li>\n<li><strong>Frontend HTML<\/strong>: il markup generato nel frontend della pagina<\/li>\n<li><strong>Frontend CSS<\/strong>: gli stili specifici del modulo<\/li>\n<li><strong>Frontend JS<\/strong>: il JavaScript necessario per il funzionamento del modulo<\/li>\n<\/ul>\n<p>La documentazione ufficiale di Beaver Builder fornisce guide dettagliate e un modulo di esempio per iniziare. I moduli personalizzati possono essere distribuiti come plugin WordPress indipendenti o inclusi nel child theme.<\/p>\n<h2>Hooks e Filtri di Beaver Builder<\/h2>\n<p>Beaver Builder espone numerosi <strong>hooks<\/strong> (action e filter) che permettono agli sviluppatori di modificare il comportamento del builder senza modificare il codice sorgente. Alcuni hooks utili:<\/p>\n<ul>\n<li><code>fl_builder_before_render_row<\/code> \/ <code>fl_builder_after_render_row<\/code>: eseguono codice prima\/dopo il rendering di una riga<\/li>\n<li><code>fl_builder_before_render_module<\/code> \/ <code>fl_builder_after_render_module<\/code>: per i moduli<\/li>\n<li><code>fl_builder_register_settings_form<\/code>: per aggiungere campi personalizzati alle impostazioni dei moduli<\/li>\n<li><code>fl_builder_render_css<\/code>: per modificare il CSS generato<\/li>\n<li><code>fl_builder_render_js<\/code>: per modificare il JavaScript generato<\/li>\n<\/ul>\n<p>Questi hooks sono fondamentali per gli sviluppatori che vogliono estendere le funzionalit&#224; di Beaver Builder mantenendo la compatibilit&#224; con gli aggiornamenti futuri.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/bb-03-plugins.png\" alt=\"API per sviluppatori e hooks di Beaver Builder per personalizzazione avanzata\" \/><\/p>\n<h2>Best Practice per il Codice Personalizzato<\/h2>\n<ul>\n<li><strong>Usa classi specifiche<\/strong>: prefissa le tue classi CSS con un identificatore unico (es. <code>.mio-sito-<\/code>) per evitare conflitti con gli stili del builder e dei plugin<\/li>\n<li><strong>Rispetta la specificit\u00e0 CSS<\/strong>: usa la specificit&#224; minima necessaria per sovrascrivere gli stili di Beaver Builder. Evita <code>!important<\/code> quando possibile; se necessario, usa selettori pi&#249; specifici<\/li>\n<li><strong>Testa su tutti i breakpoint<\/strong>: il codice CSS personalizzato deve funzionare su desktop, tablet e mobile. Usa media query coerenti con i breakpoint di Beaver Builder<\/li>\n<li><strong>JavaScript non invasivo<\/strong>: non sovrascrivere le funzioni JavaScript native di Beaver Builder. Usa namespace per le tue funzioni e verifica che jQuery sia caricato prima di usarlo<\/li>\n<li><strong>Performance<\/strong>: minimizza il codice CSS e JS personalizzato. Un file CSS da 50 KB di override &#232; un segnale che qualcosa non va nel design di base<\/li>\n<li><strong>Documentazione<\/strong>: commenta il codice personalizzato spiegando lo scopo di ogni regola. Il &#8220;te stesso del futuro&#8221; te ne sar&#224; grato<\/li>\n<li><strong>Versionamento<\/strong>: se il progetto &#232; complesso, usa Git per il versionamento del codice personalizzato (child theme o plugin)<\/li>\n<\/ul>\n<h2>Strumenti di Debug<\/h2>\n<p>Per lavorare efficacemente con CSS e JavaScript personalizzato in Beaver Builder, familiarizza con gli strumenti di debug del browser:<\/p>\n<ul>\n<li><strong>Chrome DevTools (F12)<\/strong>: ispeziona gli elementi, modifica gli stili in tempo reale, debugga JavaScript<\/li>\n<li><strong>Computed Styles<\/strong>: nella scheda &#8220;Computed&#8221; di DevTools, vedi esattamente quali regole CSS vengono applicate a un elemento e da dove provengono<\/li>\n<li><strong>Console JavaScript<\/strong>: per testare script e visualizzare errori<\/li>\n<li><strong>Responsive Mode<\/strong>: per verificare il comportamento del codice su diversi viewport<\/li>\n<\/ul>\n<h2>Conclusione<\/h2>\n<p>La capacit&#224; di integrare CSS e JavaScript personalizzato &#232; ci&#242; che rende Beaver Builder uno strumento adatto sia ai principianti che agli sviluppatori esperti. Le molteplici posizioni per l&#8217;inserimento del codice, l&#8217;API per moduli personalizzati e il sistema di hooks offrono una flessibilit&#224; completa senza sacrificare la comodit&#224; dell&#8217;editing visuale. Nel prossimo articolo, esploreremo i migliori addon e estensioni che espandono le funzionalit&#224; di Beaver Builder con moduli e funzionalit&#224; aggiuntive.<\/p>\n<p>Hai bisogno di personalizzazioni avanzate per il tuo sito Beaver Builder? Il nostro team di sviluppatori pu&#242; aiutarti. <a href=\"https:\/\/gtechgroup.it\/contatti\/\">Contattaci<\/a> per una consulenza o scopri i nostri servizi di <a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">realizzazione siti web<\/a> personalizzati.<\/p>\n<div style=\"background:#f0f4f8;border-left:4px solid #0073aa;padding:20px;margin:30px 0;border-radius:4px;\">\n<h3 style=\"margin-top:0;\">Leggi gli Altri Articoli della Serie Beaver Builder<\/h3>\n<ul>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Come Installare e Configurare Beaver Builder su WordPress<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Creare la Prima Pagina con Beaver Builder: Editor Frontend<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Tutti i Moduli e Come Usarli<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Righe, Colonne e Layout Responsive<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Salvare e Riutilizzare Template e Righe<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder e WooCommerce: Personalizzare il Negozio<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder Themer: Header, Footer e Layout Dinamici<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Integrazioni con ACF e Campi Personalizzati<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder e la SEO: Ottimizzare le Pagine<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Performance e Velocit&#224; del Sito<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder Free vs Pro vs Agency: Confronto 2026<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder vs Elementor vs Divi: Confronto Page Builder<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Beaver Builder: Addon e Estensioni (Ultimate Addons, PowerPack)<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/realizzazione-siti-web\/\">Risolvere i Problemi Comuni di Beaver Builder: Troubleshooting<\/a><\/li>\n<\/ul>\n<\/div>\n<\/article>\n<h3>Migliora il Tuo Sito WordPress<\/h3>\n<p>Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n<ul>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/come-installare-elementor-wordpress-guida-principianti\/\">Come Installare Elementor su WordPress<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/wp-rocket-installare-configurare-wordpress\/\">Come Installare e Configurare WP Rocket<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/come-installare-configurare-seopress-wordpress-guida\/\">Come Installare e Configurare SEOPress<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/installare-attivare-updraftplus-wordpress\/\">Come Installare e Configurare UpdraftPlus<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Beaver Builder &#232; un page builder visuale, ma questo non significa che il codice personalizzato non abbia un ruolo importante. Anzi, la capacit&#224; di integrare&hellip;<\/p>\n","protected":false},"author":2,"featured_media":167325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Dove Inserire il CSS Personalizzato | Guida 2026","_seopress_titles_desc":"Beaver Builder &#232; un page builder visuale, ma questo non significa che il codice personalizzato non abbia un ruolo importante. Anzi, la capacit&#224; d","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"Dove Inserire CSS Personalizzato","footnotes":""},"categories":[1,61],"tags":[3662,3329,2520,492],"class_list":["post-167385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","category-wordpress","tag-beaver-builder","tag-design","tag-page-builder","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=167385"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167385\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/167325"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=167385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=167385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=167385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}