Benvenuti nel nostro sito web realizzato con WordPress e i nuovi blocchi di Gutenberg! Qui potrete trovare un’esperienza di navigazione innovativa e intuitiva, grazie alla nuova interfaccia di editing basata su blocchi.
Abbiamo creato questo sito per testare le potenzialità dei nuovi blocchi di Gutenberg e per offrire ai nostri visitatori un’esperienza di navigazione moderna e dinamica. Grazie ai blocchi, potrete creare pagine e post personalizzati in modo semplice e veloce, senza dover conoscere il codice HTML o CSS.
Su questo sito non sono stati installati plugin di cache o di ottimizzazione (come Autoptimize o WP Total Cache), ma grazie a Gutenberg è possibile ottenere ottimi punteggi lo stesso:
Una nuova libreria di Icone:
A partire da WordPress 7.1 è possibile registrare icone personalizzate e raggrupparle in collezioni da usare con il blocco nativo “Icona”. Nel nostro tema abbiamo iniziato a raccogliere le icone che usiamo, così da ampliare sempre di più le collezioni:
Brands
Questa collezione raccoglie i marchi dei principali servizi web, tutti con il loro colore originale (che può essere sovrascritto se necessario):
(tutti i marchi appartengono ai rispettivi proprietari)
Immaginificio
Questa collezione raccoglie icone utili per tutti i temi che mancano nella libreria ufficiale come frecce, telefono eccetera:
Dai un’occhiata ai nostri blocchi:
Il nostro sito è stato progettato per essere responsive, ovvero adattarsi a qualsiasi dispositivo, dallo smartphone al desktop. Inoltre, abbiamo utilizzato i blocchi per creare layout originali e accattivanti, creando blocchi personalizzati là dove Gutenberg non arrivava:
- Slider/Carosello
- Accordion
- Flip Card
- Schede
- Query Loop Carousel
- Selezione di Post
- Pulsante avanzato e Modal
- Modulo di Login
- Punteggio Recensioni
- Rating e Recensioni Google
- Mappa di Google
- Orari Google
- Galleria a Carosello
- Galleria a Mosaico
- Conto alla rovescia
- Gruppo collassabile
- Mappa regioni interattiva
- Menu Iubenda
- Copyright Dinamico
- Pulsante “Contattaci su WhatsApp”
- Pulsante “Torna su”
- Pulsanti di Condivisione
- Scroll Infinito
- Articoli Correlati
Carosello Responsive
Blocco che implementa il carosello responsive Glide.js, con la possibilità di personalizzare il numero di slides visibili sui vari dispositivi, gli spazi tra le slides, le frecce, i pallini e tante altre opzioni…
-
-
-
Ciao, io sono un blocco in sovraimpressione!
-
-
-
Accordion
Scopri di più
Con il blocco “Accordion”, gli utenti possono raggruppare contenuti correlati in sezioni chiuse, rendendo più semplice la navigazione attraverso il contenuto. Ciò è particolarmente utile per presentare FAQ, domande e risposte, o qualsiasi tipo di contenuto che richiede un’organizzazione gerarchica.
Inoltre puoi aggiungere tutti i blocchi che vuoi sia al titolo che al contenuto, anche quelli dinamici!
Flip Cards
Il blocco Flip Card è composto da due gruppi, uno visibile di base, l’altro che viene mostrato al passaggio del mouse o al tap da mobile. Il blocco permette di scegliere anche se usare un’animazione (anche con effetto 3D) quando cambia l’elemento da visualizzare.
Posizionati qui
(tap da smartphone)
Ecco il retro della card!
Flip orizzontale semplice
Hello World!
Flip verticale
con effetto 3D
Hello World!
Schede
Il blocco schede permette di organizzare il contenuto in diverse sezioni selezionabili dalle etichette in alto.
Si possono personalizzare i colori dei titoli e delle schede sia globalmente che singolarmente, e inserire in ciascuna scheda il contenuto che si vuole.
Questo è il contenuto della prima scheda, visibile di default.
Questo è il contenuto della seconda scheda, visibile dopo averla selezionata.
Questo è il contenuto della terza scheda, visibile dopo averla selezionata.
Query Loop a Carosello
Una semplice modifica del blocco Query Loop che permette di realizzare un carosello di Post (implementato tramite Glide). L’opzione è attivabile anche in tutte le variazioni del Query Loop, come Selezione di Post e Articoli Correlati.
-
Articolo 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
-
Articolo 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
-
Articolo 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
-
Articolo 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
-
Articolo 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
-
Articolo 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum…
Selezione di Post
Questa variazione del blocco Query Loop permette di selezionare manualmente N elementi di qualunque tipologia di post e personalizzarne l’anteprima grazie al blocco Post Template. L’ordine degli elementi rispecchia quello in cui sono stati selezionati.
-
Articolo 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum mi. Integer vel finibus augue. Praesent sit amet finibus dui. Sed placerat id justo vitae molestie. Donec congue auctor arcu, eget pretium velit ullamcorper eu. In id ligula in urna euismod venenatis. Nam justo lacus,…
-
Articolo 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum mi. Integer vel finibus augue. Praesent sit amet finibus dui. Sed placerat id justo vitae molestie. Donec congue auctor arcu, eget pretium velit ullamcorper eu. In id ligula in urna euismod venenatis. Nam justo lacus,…
-
Articolo 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nunc faucibus, ullamcorper orci varius, venenatis orci. Nunc quis fermentum mi. Integer vel finibus augue. Praesent sit amet finibus dui. Sed placerat id justo vitae molestie. Donec congue auctor arcu, eget pretium velit ullamcorper eu. In id ligula in urna euismod venenatis. Nam justo lacus,…
Pulsante Avanzato e Modal
Questo blocco permette di inserire dei pulsanti contenitore, in cui può essere modificato il colore in hover e/o aggiunte icone o immagini oltre alla classica etichetta. Se l’icona inserita è vettoriale, permette anche di ereditare il colore di riempimento dal colore del testo del pulsante, così da uniformarsi anche in hover.
Grazie alle impostazioni personalizzate, si può usare anche per aprire un Modal, ovvero un blocco contenitore che si apre in sovraimpressione.
Modulo di Login
Grazie al blocco personalizzato per la login, puoi decidere di mostrare il form di login in qualsiasi pagina tu voglia, con la possibilità di modificare le varie etichette e i colori.
Il blocco permette di gestire gli utenti già loggati mostrando un messaggio di benvenuto, eventualmente seguito dallo username o facendo un redirect automatico ad una pagina a scelta (es. Area Riservata).
Puoi infine decidere anche URL di destinazione a cui rimandare dopo il login.
Accedi
Punteggio Recensioni
Il blocco Punteggio permette di visualizzare un punteggio statico sotto forma di stelle. Imposta il numero di stelle totali da mostre, la precisione decimale e il punteggio. Si può anche integrare facilmente in un Pattern per la singola recensione!
Permette anche di scegliere i colori delle stelle tramite i comodi controlli a lato.
Rating e Recensioni Google
Il blocco Rating Google permette di recuperare il punteggio e il numero di recensioni di un Google Place, usando le API Key e il place ID impostati globalmente nel tema. Il sistema verifica l’ultimo aggiornamento del punteggio e lo sincronizza automaticamente con le API di Google una volta ogni 24 ore.
Permette anche di scegliere tra due versioni del layout, scegliere se mostrare il numero di recensioni e personalizzarlo come vuoi:
Inoltre, grazie al nuovo sistema di integrazione delle recensioni, è possibile sincronizzare le recensioni (in automatico ogni 24h o manualmente dal pannello di controllo del tema) della propria scheda Google Business e mostrale all’interno del tuo sito web, usando il blocco Query Loop come per qualsiasi altro elemento o la nuova variazione “Recensioni”, che permette di filtrare le recensioni da mostrare in base a tipologia (testo/no testo), sorgente e punteggio.
Per gestire al meglio questi contenuti sono stati aggiunti anche alcuni blocchi extra (Foto, Autore, Sorgente, Punteggio, …) che sfruttano le Binding API per mostrare i metadati corrispondenti:
-
Hheryat Te
“If you would like a 5-star review, please contact me as soon as possible through my profile. I will remove this review shortly.”
-
Francesca Ghiddi
Davide è fantastico. Ottimi contenuti, molto paziente e preparato. Lo consiglio!
-
Ambrogio YouNeed
Abbiamo trovato uno staff affiatato e competente che è riuscito a capire le esigenze della nostra attività. Hanno gestito per noi un progetto di comunicazione molto complesso, articolato su diversi canali. Siamo molto soddisfatti del lavoro fatto.
-
Roberta Saturnino
Ho avuto il piacere di seguire un corso di formazione tenuto da Davide Gambardella, brillante head of strategy di Immaginificio, da cui ho imparato tantissimo e che consiglio per la sua competenza, disponibilità e capacità di trasmettere la propria profonda conoscenza con umiltà e semplicità.
-
La Divina Incontri
Professionisti all’avanguardia, attenti al bisogno del cliente, creativi, dinamici, li consiglierei con entusiasmo!
-
Eugenio Giovanardi
Grande creativitá dello staff. Studio grafico e di comunicazione tra i migliori di Rimini
Mappa di Google
Grazie al blocco Google Map puoi facilmente inserire la mappa della tua attività, personalizzandone zoom e stile.
Per visualizzare correttamente la mappa di Google Maps, assicurati di aver accettato il consenso ai cookie di terze parti.
Orari Google
Il blocco Orari Google permette di recuperare gli orari di apertura di un Google Place, usando le API Key e il place ID impostati globalmente nel tema. Il sistema verifica l’ultimo aggiornamento e lo sincronizza automaticamente con le API di Google una volta ogni 24 ore.
La data può essere formattata come preferisci, usando gli standard di WordPress e PHP.
- Mercoledì (16/09): 09:00 – 13:00
- Giovedì (17/09): 09:00 – 13:00
- Venerdì (18/09): 09:00 – 13:00
- Sabato (19/09): Chiuso
- Domenica (20/09): Chiuso
- Lunedì (21/09): 09:00 – 13:00
- Martedì (22/09): 09:00 – 13:00
Galleria a Carosello
Similarmente a quanto fatto per il Query Loop, anche per il blocco Galleria nativo abbiamo aggiunto la possibilità di visualizzarlo come carosello di slides, sfruttando la libreria glide.js già usata negli altri caroselli. In questo modo è possibile sfruttare la selezione rapida delle immagini della galleria e l’apertura in Lightbox globale.
Galleria a Mosaico
Oltre alla visualizzazione della galleria a Carosello, per il blocco Galleria nativo abbiamo aggiunto anche la possibilità di impostare il layout a mosaico, sfruttando la libreria minimasonry.js e implementando la gestione delle opzioni di selezione del numero di colonne e spazio tra le stesse sui vari dispositivi.
Conto alla rovescia
Il blocco conto alla rovescia permette di impostare una data e un’ora per effettuare il conto alla rovescia in vista del tuo evento.
Puoi cambiarne lo stile a tuo piacimento grazie ai controlli del blocco, modificandone colori, dimensioni, bordi, ecc…
Gruppo collassabile
Il blocco gruppo collassabile permette di racchiudere contenuti particolarmente lunghi mostrando inizialmente solo un’anteprima, la cui altezza può essere personalizzata. Se il contenuto supera lo spazio disponibile, vengono mostrati automaticamente i pulsanti “Scopri di più” e “Mostra meno” per espanderlo o richiuderlo, con un’animazione e una sfumatura personalizzabile. Se invece il contenuto è già abbastanza breve, il blocco viene mostrato per intero senza pulsanti aggiuntivi.
Questo contenuto viene nascosto quando l’altezza del blocco è superiore al limite impostato dalle impostazioni.
Mappa regioni interattiva
Il blocco Mappa Italia – regioni permette di rappresentare una cartina dell’Italia con effetto hover e click sulle regioni. Ogni regione può essere disattivata, avere un link a cui punta o, in alternativa, usando le API che il blocco espone, è possibile creare altri contenuti che interagiscono con la mappa (come un accordion, ad esempio):
Basilicata
Basilicata
Campania
Campania
Emilia – Romagna
Emilia Romagna
Lazio
Lazio
Marche
Marche
Molise
Molise
Piemonte
Piemonte
Sardegna
Sardegna
Sicilia
Sicilia
Toscana
Toscana
Trentino – Alto Adige
Trentino – Alto Adige
Umbria
Umbria
Copyright Dinamico
Questo blocco permette di inserire l’anno corrente, in modo da non doversi ricordare di aggiornare l’indicazione del copyright ogni anno. Permette inoltre di personalizzare il formato aggiungendo un prefisso, l’anno di inizio e un suffisso.
© 2023 – 2026 | Immaginificio.com
Pulsante “Contattaci su WhatsApp”
Il pulsante “WhatsApp” può essere posizionato in qualunque punto dell’editor, rimane fissato a fondo pagina e può essere allineato a sinistra, al centro o a destra.
Opzionalmente è possibile nascondere il pulsante finché non si scende nella pagina, tramite qualche riga di JavaScript che viene aggiunta solo se l’opzione è attiva.
Puoi vederlo in basso a sinistra!
Pulsante “Torna su”
Il pulsante “Torna su” può essere posizionato in qualunque punto dell’editor, rimane fissato a fondo pagina e può essere allineato a sinistra, al centro o a destra.
Opzionalmente è possibile nascondere il pulsante finché non si scende nella pagina, tramite qualche riga di JavaScript che viene aggiunta solo se l’opzione è attiva.
Puoi vederlo e provarlo in basso a destra!