{"id":1260,"date":"2021-06-23T10:17:56","date_gmt":"2021-06-23T10:17:56","guid":{"rendered":"https:\/\/www.giuseppemaccario.com\/it\/?p=1260"},"modified":"2021-06-30T12:28:23","modified_gmt":"2021-06-30T12:28:23","slug":"come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin","status":"publish","type":"post","link":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/","title":{"rendered":"Come integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduzione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nota su WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se stai sviluppando un sito web con WordPress, <strong>devi<\/strong> essere in grado di modificare qualsiasi tipo di codice (PHP, HTML\/CSS\/JS) al fine di evitare un enorme carico di plugin, e la conseguente lentezza del tuo sito web. Ho notato che molte persone si definiscono &#8220;sviluppatori WordPress&#8221;, ma possono lavorare solo all&#8217;interno dell&#8217;interfaccia di WordPress. Al di l\u00e0 di questo, sono completamente persi! Database, hosting e codice: c&#8217;\u00e8 una tonnellata di conoscenze da avere prima di poter padroneggiare il web. Nel migliore dei casi, stiamo parlando di uno specialista della piattaforma, non di uno sviluppatore. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ho recentemente lavorato per un imprenditore che usa WordPress per il suo ecommerce. Questo povero ecommerce \u00e8 un&#8217;istanza di WordPress con un Woocommerce installato sopra. All&#8217;inizio, questo progetto \u00e8 stato costruito da 3 designer, poi da un presunto sistemista\u2026 Quando ho preso in carico il progetto, c&#8217;era qualcosa come 90 plugin! 90 plugin!!! Non sto scherzando. Il risultato di <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Page Speed<\/a> mobile era 2 e quello del desktop 11. Ho passato la maggior parte del tempo a rimuovere duplicazioni e spostare codice nel tema figlio. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Purtroppo, questo fa si che gli imprenditori inizino a pensare che chiunque mette mano a WordPress \u00e8 uno sviluppatore, e che chiunque pu\u00f2 farlo. Inoltre, questi imprenditori penseranno che data la scarsa qualit\u00e0 dei lavori precedenti, \u00e8 giusto pagare poco la prossima persona che si presenta da loro come sviluppatore. Per loro \u00e8 pi\u00f9 importante spendere migliaia di euro in sponsorizzate. Ma il rovesglio della medaglia c&#8217;\u00e8, eccome: con un sito colabrodo (o che si carica in 30 secondi), loro stanno perdendo i prossimi potenziali clienti. Chi arriva sul vostro sito deve proprio volervi bene per completare un ordine, per cui <em><a href=\"https:\/\/www.treccani.it\/magazine\/lingua_italiana\/domande_e_risposte\/grammatica\/grammatica_759.html\" target=\"_blank\" rel=\"noreferrer noopener\">avoglia<\/a> <\/em>spendere migliaia di euro al mese in sponsorizzazioni se poi vengono sprecate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quindi, tornando alla gallery: qual \u00e8 il tuo prossimo passo se vuoi integrare una nuova galleria nella tua istanza di WordPress? Probabilmente cercare un plugin. Poi passare ore a integrare il plugin e a leggere la documentazione (i pi\u00f9 attenti), e probabilmente questo finir\u00e0 per coprire il 70% di quello che vi aspettavate. Per questo motivo, se si padroneggia il linguaggio di programmazione si possono ottenere risultati decisamente migliori.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cos&#8217;\u00e8 Spotlight<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Secondo il suo <a href=\"https:\/\/github.com\/nextapps-de\/spotlight\" target=\"_blank\" rel=\"noreferrer noopener\">Github, Spotlight<\/a> \u00e8 la libreria di gallerie lightbox pi\u00f9 facile da integrare sul web. Super leggero, prestazioni eccezionali, nessuna dipendenza. Tempo fa, cercando una soluzione da implementare su un sito demo per <a href=\"https:\/\/staging.digitalmastiff.com\/artist-demo\/\">Digital Mastiff<\/a>, ho optato per questa libreria perch\u00e9 a prima vista era davvero promettente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Integrare Spotlight in WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ora sappiamo cos&#8217;\u00e8 Spotlight, ma come possiamo integrarlo nel nostro WordPress? Prima di tutto abbiamo bisogno di <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_script\/\">enqueue<\/a> lo stile e lo script della libreria. Spotlight \u00e8 fondamentalmente una libreria di 2 file: spotlight.min.css e spotlight.min.js. Puoi anche usare il bundle, ma per questo tutorial user\u00f2 i singoli file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quindi, nel tuo <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">tema figlio<\/a> devi aggiungere l&#8217;azione <em>wp_enqueue_scripts<\/em>, cos\u00ec:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function child_theme_enqueue_styles() \n{\n    \/* CSS *\/\n    wp_enqueue_style( 'spotlight-css', get_stylesheet_directory_uri() . '\/css\/spotlight.min.css' );\n\n    \/* JS *\/\n    wp_enqueue_script( 'spotlight-js', get_stylesheet_directory_uri() . '\/js\/spotlight.min.js', array(), '1.0', true );\n}\n\nadd_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Usiamo lettere minuscole nei nomi delle azioni e delle funzioni (mai camelCase), separando le parole tramite underscore come \u00e8 stabilito dai <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\/#naming-conventions\">PHP Coding Standards<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aggiungi una nuova galleria<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per prima cosa, modifica il post o la pagina dove vuoi aggiungere la galleria di immagini. Nella schermata di modifica del post, clicca sull&#8217;icona Aggiungi nuovo blocco (icona +) e seleziona il blocco Galleria. Questo aggiunger\u00e0 il blocco Galleria al tuo editor di WordPress dove puoi cliccare sul pulsante &#8216;Upload&#8217; per caricare le foto dal tuo computer o selezionare dalle foto precedentemente caricate nella libreria multimediale. <a href=\"https:\/\/wordpress.org\/support\/article\/the-wordpress-gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qui la documentazione<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aggiungi una classe alle tue immagini<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per attivare lo Spotlight sulle tue immagini, devi aggiungere la classe &#8220;spotlight&#8221; alle tue immagini. Puoi raggiungere questo obiettivo in due modi: usando PHP o Javascript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Aggiungere una classe alle tue immagini con PHP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Possiamo ottenere il contenuto della pagina (o del post) usando il filtro di WP <em>the_content<\/em>, e poi possiamo facilmente aggiungere la nuova classe &#8220;spotlight&#8221; a tutte le immagini. Il codice \u00e8 commentato in modo da poter avere le informazioni per ogni riga.<br>Puoi migliorare la funzione e attivarla solo quando serve.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'the_content', 'add_spotlight_class_to_gallery_image' );\n\nfunction add_spotlight_class_to_gallery_image( $content ) \n{\n    \/\/ Get the post object\n    global $post;\n\n    \/\/ Create a new DOMDocument object\n    $doc = new \\DOMDocument();\n\n    \/\/ Load the content of the post\/page\n    $doc-&gt;loadHTML( $post-&gt;post_content );\n\n    \/\/ Get all the images and loop over them\n    $imgs = $doc-&gt;getElementsByTagName( 'img' );\n    foreach ($imgs as $img) \n    {\n        \/\/ Get the current class of the img\n        $class = $img-&gt;getAttribute( 'class' );\n\n        \/\/ Add a new class the the current one\n        $img-&gt;setAttribute( 'class', $class . ' spotlight' );\n    }\n\n    \/\/ Save the new post content\n    $post-&gt;post_content = $doc-&gt;saveXml();\n\n    \/\/ Return the content \n    return $content;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Aggiungere una classe alle immagini con Javascript e JQuery<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pi\u00f9 semplice del codice PHP di cui sopra, possiamo aggiungere una nuova classe con Javascript o JQuery. Di seguito:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Javascript\nif( document.querySelector( '.wp-block-gallery' ))\n{\n    Array.from(document.querySelectorAll( '.wp-block-gallery img' )).forEach(( element,index ) =&gt;\n    {\n\n         element.classList.add( 'spotlight' );\n    });\n}\n\n\/\/ JQuery\nif( jQuery( '.wp-block-gallery' ).length &gt; 0 )\n{\n    jQuery( '.wp-block-gallery img' ).addClass( 'spotlight' );\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">E questo \u00e8 tutto! Apri la pagina della tua galleria con un browser e clicca sulle immagini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/example-spotlight-on-digital-mastiff.webp\" alt=\"Esempio di Spotlight su Digital Mastiff [Artist Demo]\" class=\"wp-image-1262\"\/><figcaption>Esempio di Spotlight su Digital Mastiff [Artist Demo]<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi trovare la <a href=\"https:\/\/github.com\/nextapps-de\/spotlight\" target=\"_blank\" rel=\"noreferrer noopener\">libreria Spotlight su Github<\/a>.<br>E&#8217; molto semplice da integrare su WordPress o qualsiasi tecnologia tu stia usando per il tuo sito web (sito web PHP statico, viste Laravel\/Symfony, ecc). \u00c8 una libreria frontend in realt\u00e0, quindi hai solo bisogno del tuo HTML di base!<br>E ricorda: una volta che avrai preso confidenza con PHP e Javascript, WordPress non avr\u00e0 pi\u00f9 alcun segreto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Grazie per il tuo tempo, spero che tu abbia ottenuto qualche nuova informazione su WordPress e Spotlight. Fammi sapere cosa ne pensi di questo articolo attraverso i commenti o mandami un messaggio!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.giuseppemaccario.com\/it\/archivio\/\">Leggi altro&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).<\/p>\n","protected":false},"author":1,"featured_media":1261,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[29,40,38,39],"tags":[45,43,44,41,46,42],"class_list":["post-1260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","category-php","category-wordpress","tag-gallery","tag-javascript","tag-jquery","tag-php","tag-spotlight","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]<\/title>\n<meta name=\"description\" content=\"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]\" \/>\n<meta property=\"og:description\" content=\"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Giuseppe Maccario\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T10:17:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-30T12:28:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"giuseppemaccario\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"giuseppemaccario\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/\"},\"author\":{\"name\":\"giuseppemaccario\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#\\\/schema\\\/person\\\/cb06a58fab509a897056972173e2e5dc\"},\"headline\":\"Come integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]\",\"datePublished\":\"2021-06-23T10:17:56+00:00\",\"dateModified\":\"2021-06-30T12:28:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/\"},\"wordCount\":854,\"publisher\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#\\\/schema\\\/person\\\/cb06a58fab509a897056972173e2e5dc\"},\"image\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/spotlight-gallery-logo.png\",\"keywords\":[\"gallery\",\"javascript\",\"jquery\",\"php\",\"spotlight\",\"wordpress\"],\"articleSection\":[\"Javascript\",\"jQuery\",\"PHP\",\"WordPress\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/\",\"url\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/\",\"name\":\"Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/spotlight-gallery-logo.png\",\"datePublished\":\"2021-06-23T10:17:56+00:00\",\"dateModified\":\"2021-06-30T12:28:23+00:00\",\"description\":\"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\\\/JQuery).\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/spotlight-gallery-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/spotlight-gallery-logo.png\",\"width\":600,\"height\":300,\"caption\":\"Spotlight per il tuo sito WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/\",\"name\":\"Giuseppe Maccario\",\"description\":\"Sviluppatore Software in Amsterdam (NL)\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#\\\/schema\\\/person\\\/cb06a58fab509a897056972173e2e5dc\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/#\\\/schema\\\/person\\\/cb06a58fab509a897056972173e2e5dc\",\"name\":\"giuseppemaccario\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/giuseppe-maccario-experienced-software-developer-logo.png\",\"url\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/giuseppe-maccario-experienced-software-developer-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/giuseppe-maccario-experienced-software-developer-logo.png\",\"width\":50,\"height\":50,\"caption\":\"giuseppemaccario\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.giuseppemaccario.com\\\/it\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/giuseppe-maccario-experienced-software-developer-logo.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]","description":"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).","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:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/","og_locale":"it_IT","og_type":"article","og_title":"Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]","og_description":"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).","og_url":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/","og_site_name":"Giuseppe Maccario","article_published_time":"2021-06-23T10:17:56+00:00","article_modified_time":"2021-06-30T12:28:23+00:00","og_image":[{"width":600,"height":300,"url":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png","type":"image\/png"}],"author":"giuseppemaccario","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"giuseppemaccario","Tempo di lettura stimato":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#article","isPartOf":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/"},"author":{"name":"giuseppemaccario","@id":"https:\/\/www.giuseppemaccario.com\/it\/#\/schema\/person\/cb06a58fab509a897056972173e2e5dc"},"headline":"Come integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]","datePublished":"2021-06-23T10:17:56+00:00","dateModified":"2021-06-30T12:28:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/"},"wordCount":854,"publisher":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/#\/schema\/person\/cb06a58fab509a897056972173e2e5dc"},"image":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png","keywords":["gallery","javascript","jquery","php","spotlight","wordpress"],"articleSection":["Javascript","jQuery","PHP","WordPress"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/","url":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/","name":"Integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]","isPartOf":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png","datePublished":"2021-06-23T10:17:56+00:00","dateModified":"2021-06-30T12:28:23+00:00","description":"Oggi vi spiegher\u00f2 come ho integrato la libreria Spotlight gallery in un sito WordPress, senza alcun plugin, solo grazie al codice (PHP, Javascript\/JQuery).","breadcrumb":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#primaryimage","url":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png","contentUrl":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2021\/06\/spotlight-gallery-logo.png","width":600,"height":300,"caption":"Spotlight per il tuo sito WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.giuseppemaccario.com\/it\/come-integrare-la-libreria-spotlight-nel-tuo-sito-wordpress-no-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.giuseppemaccario.com\/it\/"},{"@type":"ListItem","position":2,"name":"Come integrare la libreria Spotlight gallery nel tuo sito WordPress [no plugin]"}]},{"@type":"WebSite","@id":"https:\/\/www.giuseppemaccario.com\/it\/#website","url":"https:\/\/www.giuseppemaccario.com\/it\/","name":"Giuseppe Maccario","description":"Sviluppatore Software in Amsterdam (NL)","publisher":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/#\/schema\/person\/cb06a58fab509a897056972173e2e5dc"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.giuseppemaccario.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.giuseppemaccario.com\/it\/#\/schema\/person\/cb06a58fab509a897056972173e2e5dc","name":"giuseppemaccario","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2018\/08\/giuseppe-maccario-experienced-software-developer-logo.png","url":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2018\/08\/giuseppe-maccario-experienced-software-developer-logo.png","contentUrl":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2018\/08\/giuseppe-maccario-experienced-software-developer-logo.png","width":50,"height":50,"caption":"giuseppemaccario"},"logo":{"@id":"https:\/\/www.giuseppemaccario.com\/it\/wp-content\/uploads\/2018\/08\/giuseppe-maccario-experienced-software-developer-logo.png"}}]}},"_links":{"self":[{"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/posts\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/comments?post=1260"}],"version-history":[{"count":12,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/posts\/1260\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/posts\/1260\/revisions\/1278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/media\/1261"}],"wp:attachment":[{"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/media?parent=1260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/categories?post=1260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.giuseppemaccario.com\/it\/wp-json\/wp\/v2\/tags?post=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}