{"id":192,"date":"2016-05-03T23:36:53","date_gmt":"2016-05-03T23:36:53","guid":{"rendered":"https:\/\/blog.persaper.it\/?p=192"},"modified":"2017-11-09T15:35:40","modified_gmt":"2017-11-09T14:35:40","slug":"creare-un-popup-in-html-responsive-e-animato","status":"publish","type":"post","link":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/","title":{"rendered":"Creare un popup in HTML responsive e animato"},"content":{"rendered":"

In questo tutorial vediamo come creare un popup in HTML <\/strong>animato, responsive\u00a0e facilmente personalizzabile.<\/p>\n

Gli ingredienti principali sono Javascript (jQuery), CSS e ovviamente HTML.<\/p>\n

Per prima cosa \u00e8 necessario creare un pulsante<\/strong> al cui clic associare l’apertura del popup. Qualora aveste gi\u00e0 tale\u00a0elemento potete passare al punto 2.<\/p>\n

Crea il pulsante per aprire il popup<\/h2>\n

[code_snippet y=”2016″\u00a0name=”creare-un-popup-in-html” id=”1″]<\/p>\n

Bene, ora passiamo alla parte divertente: generare e aprire il nostro popup, servendoci di jQuery.<\/p>\n

Creiamo\u00a0una funzione che chiameremo pop_init()\u00a0<\/em><\/p>\n

Genera il popup<\/h2>\n

[code_snippet y=”2016″\u00a0name=”creare-un-popup-in-html” id=”2″]<\/p>\n

Nella funzione\u00a0iniziamo col definire due variabili: pop_height<\/em>\u00a0relativa all’altezza del popup, pop_html<\/em>\u00a0contenente\u00a0il codice HTML necessario per creare fisicamente l’elemento.<\/p>\n

Con prepend()\u00a0<\/em>inseriamo il contenuto della variabile\u00a0pop_html <\/em>appena\u00a0dopo il tag body.<\/em><\/p>\n

Utilizziamo animate()<\/em> per dare un pizzico\u00a0di movimento e animare l’apertura del popup<\/strong> in altezza (quella definita in\u00a0pop_height<\/em>)\u00a0<\/em>e con\u00a0event.stopPropagation();<\/em> facciamo in modo che cliccando sopra il popup, quest’ultimo non si chiuda.<\/p>\n

Vogliamo per\u00f2 che il popup si chiuda cliccando sullo sfondo oppure sul tasto X<\/em>\u00a0chiudi, quindi, al clic su questi elementi richiamiamo la funzione pop_close()<\/em>.<\/p>\n

Per completare la\u00a0funzione, tramite text()\u00a0<\/em>inseriamo il contenuto testuale<\/strong> passato come argomento della funzione.<\/p>\n

Gestisci la chiusura del popup<\/h2>\n

[code_snippet y=”2016″\u00a0name=”creare-un-popup-in-html” id=”3″]<\/p>\n

Ora dobbiamo legare la funzione che genera il popup all’evento del clic sul pulsante APRI POPUP. Ci servir\u00e0 la classe che abbiamo assegnato al pulsante (vedi punto 1).<\/p>\n

Gestisci l’apertura del popup<\/h2>\n

[code_snippet y=”2016″\u00a0name=”creare-un-popup-in-html” id=”4″]<\/p>\n

Ci siamo quasi, tutto quello che manca \u00e8 assegnare gli stili CSS alle classi create finora.<\/p>\n

Aggiungi gli stili<\/h2>\n

[code_snippet y=”2016″\u00a0name=”creare-un-popup-in-html” id=”5″]<\/p>\n

La classe pop-bg<\/em> \u00e8\u00a0un overlay scuro di fondo in posizione fissa che occupa tutto lo spazio della finestra del browser\u00a0e che permette di oscurare leggermente i contenuti della pagina staccandoli dal nostro popup.<\/p>\n

La classe pop-wrap<\/em> \u00e8 il nostro elemento popup, centrato nella pagina\u00a0e fisso.<\/p>\n

pop-x<\/em> \u00e8 il pulsante posizionato nell’angolo in alto a sinistra del popup\u00a0e che ne consente la chiusura.<\/p>\n

Infine pop-content <\/em>\u00e8\u00a0l’elemento in cui inseriamo il messaggio o comunque il contenuto che vogliamo far visualizzare all’interno del popup.<\/p>\n

Conclusione<\/h3>\n

In 4 semplici passi abbiamo creato un popup responsive e animato. A questo punto possiamo personalizzarlo nel modo che preferiamo modificandone gli stili, l’animazione e il messaggio.<\/p>\n

Nel prossimo articolo vedremo come gestire in modo dinamico il contenuto del popup<\/strong>, grazie ad AJAX.<\/p>\n","protected":false},"excerpt":{"rendered":"

In questo tutorial vediamo come creare un popup in HTML animato, responsive\u00a0e facilmente personalizzabile. Gli ingredienti principali sono Javascript (jQuery), CSS e ovviamente HTML. Per prima cosa \u00e8 necessario creare un pulsante al cui clic associare l’apertura del popup. Qualora aveste gi\u00e0 tale\u00a0elemento potete passare al punto 2. Crea il pulsante per aprire il popup …<\/p>\n

Creare un popup in HTML responsive e animato<\/span> Leggi altro »<\/a><\/p>\n","protected":false},"author":2,"featured_media":407,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[10],"tags":[6,5,7],"acf":[],"yoast_head":"\nCome creare un popup HTML responsive e animato<\/title>\n<meta name=\"description\" content=\"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come creare un popup HTML responsive e animato\" \/>\n<meta property=\"og:description\" content=\"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Per Saper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/persaper.it\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-03T23:36:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-09T14:35:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Davide de Mattia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@per_saper_it\" \/>\n<meta name=\"twitter:site\" content=\"@per_saper_it\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Davide de Mattia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\"},\"author\":{\"name\":\"Davide de Mattia\",\"@id\":\"https:\/\/blog.persaper.it\/#\/schema\/person\/d4d7e1e9ce8def4eecd35fabc9f0f85d\"},\"headline\":\"Creare un popup in HTML responsive e animato\",\"datePublished\":\"2016-05-03T23:36:53+00:00\",\"dateModified\":\"2017-11-09T14:35:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\"},\"wordCount\":412,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blog.persaper.it\/#organization\"},\"image\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg\",\"keywords\":[\"CSS\",\"HTML\",\"Javascript\"],\"articleSection\":[\"Tutorial (HTML, CSS, JS)\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\",\"url\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\",\"name\":\"Come creare un popup HTML responsive e animato\",\"isPartOf\":{\"@id\":\"https:\/\/blog.persaper.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg\",\"datePublished\":\"2016-05-03T23:36:53+00:00\",\"dateModified\":\"2017-11-09T14:35:40+00:00\",\"description\":\"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage\",\"url\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg\",\"contentUrl\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg\",\"width\":350,\"height\":350,\"caption\":\"Creare popup in html responsive e animato\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.persaper.it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creare un popup in HTML responsive e animato\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.persaper.it\/#website\",\"url\":\"https:\/\/blog.persaper.it\/\",\"name\":\"Blog Per Saper\",\"description\":\"Guida alla tecnologia: tutorial chiari e semplici su come risolvere dubbi e problemi. Guida al web: tutorial ed esempi per imparare a realizzare siti web\",\"publisher\":{\"@id\":\"https:\/\/blog.persaper.it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.persaper.it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.persaper.it\/#organization\",\"name\":\"Blog Per Saper\",\"url\":\"https:\/\/blog.persaper.it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/blog.persaper.it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2023\/02\/persaper_blog_150.jpg\",\"contentUrl\":\"https:\/\/blog.persaper.it\/wp-content\/uploads\/2023\/02\/persaper_blog_150.jpg\",\"width\":150,\"height\":150,\"caption\":\"Blog Per Saper\"},\"image\":{\"@id\":\"https:\/\/blog.persaper.it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/persaper.it\/\",\"https:\/\/twitter.com\/per_saper_it\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.persaper.it\/#\/schema\/person\/d4d7e1e9ce8def4eecd35fabc9f0f85d\",\"name\":\"Davide de Mattia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/blog.persaper.it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01f2526bdbff65199999f66af93bdf5a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/01f2526bdbff65199999f66af93bdf5a?s=96&d=mm&r=g\",\"caption\":\"Davide de Mattia\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come creare un popup HTML responsive e animato","description":"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file","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:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/","og_locale":"it_IT","og_type":"article","og_title":"Come creare un popup HTML responsive e animato","og_description":"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file","og_url":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/","og_site_name":"Blog Per Saper","article_publisher":"https:\/\/www.facebook.com\/persaper.it\/","article_published_time":"2016-05-03T23:36:53+00:00","article_modified_time":"2017-11-09T14:35:40+00:00","og_image":[{"width":350,"height":350,"url":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg","type":"image\/jpeg"}],"author":"Davide de Mattia","twitter_card":"summary_large_image","twitter_creator":"@per_saper_it","twitter_site":"@per_saper_it","twitter_misc":{"Scritto da":"Davide de Mattia","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#article","isPartOf":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/"},"author":{"name":"Davide de Mattia","@id":"https:\/\/blog.persaper.it\/#\/schema\/person\/d4d7e1e9ce8def4eecd35fabc9f0f85d"},"headline":"Creare un popup in HTML responsive e animato","datePublished":"2016-05-03T23:36:53+00:00","dateModified":"2017-11-09T14:35:40+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/"},"wordCount":412,"commentCount":0,"publisher":{"@id":"https:\/\/blog.persaper.it\/#organization"},"image":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg","keywords":["CSS","HTML","Javascript"],"articleSection":["Tutorial (HTML, CSS, JS)"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/","url":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/","name":"Come creare un popup HTML responsive e animato","isPartOf":{"@id":"https:\/\/blog.persaper.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage"},"image":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg","datePublished":"2016-05-03T23:36:53+00:00","dateModified":"2017-11-09T14:35:40+00:00","description":"Tutorial: come creare un popup in HTML facilmente personalizzabile, animato e responsive in 4 semplici passi. Risorse: guarda la demo, scarica i file","breadcrumb":{"@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#primaryimage","url":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg","contentUrl":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2016\/05\/creare-popup-in-html.jpg","width":350,"height":350,"caption":"Creare popup in html responsive e animato"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.persaper.it\/creare-un-popup-in-html-responsive-e-animato\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.persaper.it\/"},{"@type":"ListItem","position":2,"name":"Creare un popup in HTML responsive e animato"}]},{"@type":"WebSite","@id":"https:\/\/blog.persaper.it\/#website","url":"https:\/\/blog.persaper.it\/","name":"Blog Per Saper","description":"Guida alla tecnologia: tutorial chiari e semplici su come risolvere dubbi e problemi. Guida al web: tutorial ed esempi per imparare a realizzare siti web","publisher":{"@id":"https:\/\/blog.persaper.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.persaper.it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/blog.persaper.it\/#organization","name":"Blog Per Saper","url":"https:\/\/blog.persaper.it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blog.persaper.it\/#\/schema\/logo\/image\/","url":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2023\/02\/persaper_blog_150.jpg","contentUrl":"https:\/\/blog.persaper.it\/wp-content\/uploads\/2023\/02\/persaper_blog_150.jpg","width":150,"height":150,"caption":"Blog Per Saper"},"image":{"@id":"https:\/\/blog.persaper.it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/persaper.it\/","https:\/\/twitter.com\/per_saper_it"]},{"@type":"Person","@id":"https:\/\/blog.persaper.it\/#\/schema\/person\/d4d7e1e9ce8def4eecd35fabc9f0f85d","name":"Davide de Mattia","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blog.persaper.it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01f2526bdbff65199999f66af93bdf5a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/01f2526bdbff65199999f66af93bdf5a?s=96&d=mm&r=g","caption":"Davide de Mattia"}}]}},"_links":{"self":[{"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/posts\/192"}],"collection":[{"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":0,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.persaper.it\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}