Ampia rassegna di Getwid Gutenberg Blocks

Penso che sarai d'accordo con me sul fatto che costruire un sito Web con WordPress non è un gioco da ragazzi, in particolare per i non tecnici. Oggi scopriremo il plugin dei blocchi Getwid Gutenberg.

L'editor Gutenberg, un nome in codice per la nuova era nell'editing di WordPress, ha aperto molte più opportunità di personalizzazione e allo stesso tempo ha posto nuovi problemi da affrontare .

Ma non ci spaventiamo facilmente.

I plugin proprietari di Gutenberg, come Getwid WordPress Blocks che esamineremo in questo articolo, offrono soluzioni per affrontare questi problemi e arricchire la tua esperienza di creazione di contenuti in WordPress.

Allora, cos'è Getwid? È una libreria di blocchi Gutenberg e modelli di progettazione aggiuntivi, ognuno con la propria toolchain per aiutarti a creare quasi tutti i tipi di siti Web a cui ti sei prefissato.

Andiamo al punto e strutturiamo questa recensione in modo da poter saltare rapidamente al pezzo necessario.

I concetti chiave e le caratteristiche dei blocchi Getwid Gutenberg

Ecco le capacità chiave e i principi fondamentali che siamo riusciti a definire:

• La più grande raccolta di blocchi gratuiti per l'editor di blocchi di Gutenberg WordPress.

Finora Getwid è considerato uno dei plugin per blocchi di Gutenberg che offre la più grande libreria di blocchi comunemente usati e unici .

Ti consente di interrompere il salto di plug-in, risparmiando così tempo e spazio di hosting poiché non dovrai installare una dozzina di plug-in in più. Inoltre, non è necessario attendere gli aggiornamenti da diversi fornitori di plug-in e gestirli tutti separatamente.

• Disegni Getwid prefabbricati.

Oltre ai blocchi, Getwid offre anche una libreria di fantastici modelli di progettazione per le sezioni più comuni del sito Web: sezioni di eroi e suberoi, inviti all'azione, servizi, testimonianze, ecc. Puoi inserirli facilmente in clic e aggiornare i contenuti di esempio con il tuo. I modelli sono classificati per consentirti di trovare rapidamente il design necessario. I disegni possono anche essere disattivati ​​nelle impostazioni di Getwid.

• Parità visiva con il tuo tema WordPress.

Getwid è probabilmente uno dei migliori plugin sotto questo aspetto poiché, rispetto a molti componenti aggiuntivi simili di Gutenberg; i suoi blocchi ereditano automaticamente gli stili (design visivo) dal tema WordPress Gutenberg attivato anziché aggiungerne di propri. Ti aiuta a mantenere la coerenza del design sul sito Web con meno problemi e configurazioni.

In parole povere, i blocchi hanno i loro stili, ma il tuo tema aggiunge o sovrascrive quegli stili di blocco per rendere il contenuto più nativo del tuo tema WordPress Gutenberg.

Funzionalità extra dei blocchi Getwid Gutenberg

• Getwid è progettato per soddisfare i benchmark delle prestazioni.

Sebbene le prestazioni totali varino sempre da sito a sito e dipendano da una varietà di fattori, il plug-in Getwid stesso è super leggero.

Ciò si ottiene grazie a una distribuzione intelligente delle impostazioni (ad esempio, poiché esiste il blocco Advanced Heading che fornisce tutto ciò che riguarda la tipografia e può essere utilizzato con quasi tutti gli altri blocchi, Getwid non sovraccarica altri blocchi con gli stessi stili di carattere pesanti e impostazioni tipografiche), interfacce Getwid native di Gutenberg senza decorazioni non necessarie, file CSS e JS in linea ridotti per non gonfiare il tuo sito Web e altro ancora. Inoltre, puoi disattivare i blocchi che non ti servono per rendere il tuo sito web ancora più veloce.

Un tale plug-in orientato alle prestazioni non solo migliorerà la SEO del tuo sito Web e l'esperienza complessiva dell'utente, ma ti aiuterà anche a ridurre la tua impronta di carbonio digitale e ti aiuterà a salvare l'ambiente (meno risorse richiede il tuo sito Web, più elettricità risparmi – la percentuale minore di emissioni di CO2 dai data center che alimentano il tuo sito web).

• Il plug-in consente di eseguire versioni di siti Web mobili e tablet all'avanguardia.

Gli sviluppatori di Getwid si sono concentrati enormemente sulla capacità di personalizzare l'aspetto delle pagine del tuo sito Web WordPress per diversi dispositivi . Puoi regolare le esperienze web per dispositivi desktop, mobili e tablet in modo selettivo per più blocchi essenziali.

Più funzioni

• Facile integrazione con diversi popolari servizi di terze parti.

La libreria di blocchi Getwid offre già una perfetta integrazione con Google Maps, Instagram e Mailchimp . Puoi implementarli senza la necessità di ricorrere a plug-in aggiuntivi (un'altra cosa buona che rende l'intero sito Web più leggero!).

• Una raccolta dedicata di blocchi per siti Web ricchi di contenuti.

Se gestisci un blog, un sito Web di notizie o riviste, un negozio o desideri semplicemente promuovere i tuoi contenuti già pubblicati, il plug-in Getwid offre più opportunità per presentarli in modo maestoso. Grazie al supporto per i tipi di post personalizzati, puoi anche creare slider, griglie ed elenchi provenienti automaticamente dai post di WordPress dei plugin di terze parti che potresti utilizzare.

• Un tema WordPress Gutenberg gratuito creato da zero con Getwid.

Getwid è gratuito, ma se hai bisogno di una soluzione per i temi pronta all'uso, c'è anche un modello di base Getwid gratuito. Ti aiuterà a progettare in Getwid più facilmente utilizzando tonnellate di contenuti pronti per l'uso che hanno già un bell'aspetto.

• Scala dello sviluppatore: una targa di design Gutenberg gratuita.

Se stai cercando un componente aggiuntivo Gutenberg decente da utilizzare per la creazione di siti Web client, il plug-in Getwid include un altro vantaggio per accelerare il flusso di lavoro. C'è un Getwid Style Kit gratuito che puoi scaricare su GitHub, che contiene un buon gruppo di file CSS iniziali e frammenti di supporto del tema per semplificare lo stile dei blocchi Getwid e Gutenberg.

• Video tutorial.

Se vuoi dare un'occhiata al back-end o hai solo bisogno di aiuto con alcuni blocchi, è a tua disposizione anche una raccolta di tutorial video di Getwid.

Proviamo ora a dare uno sguardo ai blocchi di Getwid e poi procediamo con degli esempi.

Un elenco di blocchi Gutenberg gratuiti disponibili nel plug-in Getwid

Finora il plugin offre fino a 40 blocchi WordPress:

• Blocco sezione : un blocco contenitore di primo livello per qualsiasi tipo di layout.
• Advanced Heading Block : un pannello di controllo tipografico completo.
• Blocco di Google Maps : abbastanza autoesplicativo, incorpora Google Maps con indicatori personalizzati.
• Icon Block : icone completamente personalizzabili.
• Icon Box Block : layout predefiniti con contenitori di icone.
• Image Box Block : layout predefiniti con contenitori di immagini.
• Social Links Block : un insieme di icone social.
• Banner Block : una soluzione per fantastici banner promozionali.
• Blocco cursore immagine: semplici cursori immagine.
• Blocco cursore media e testo : cursori avanzati.
• Blocco gruppo pulsanti: pulsanti con stili diversi.
• Blocco persona : vetrina dei membri del team e dello staff.
• Blocco fisarmonica: schede a fisarmonica.
• Toggle Block : attiva o disattiva la visualizzazione dei dati.
• Blocco schede : schede orizzontali.
• Image Stack Gallery Block : gallerie di immagini con sette diversi modelli di progettazione.
• Blocco Testimonianze : un tradizionale blocco testimonianze.
• Blocco post recenti : elenco e layout della griglia per i post recenti.
• Advanced Spacer Block: semplici spazi personalizzati tra i blocchi di contenuto.
• Blocco Instagram : un feed live delle tue foto di Instagram in WordPress.

Pronto per di più?

• Counter Block : contatori animati.
• Price Box Block : prezzi e tabelle di confronto.
• Blocco barra di avanzamento : barre di avanzamento orizzontali.
• Contact Form Block : un semplice modulo di contatto con reCAPTCHA.
• Post Carousel Block : un dispositivo di scorrimento post carosello.
• Blocco Listino Prezzi : un elenco di cibo e prezzi; facoltativamente un sommario.
• Post Slider Block : slider generati automaticamente dai tuoi post.
• Blocco tipo post personalizzato : griglia, elenco o layout personalizzato di qualsiasi tipo di post personalizzato disponibile sul tuo sito web.
• Blocco barra di avanzamento circolare : mostra l'avanzamento con le barre animate.
• Blocco sequenza temporale dei contenuti : i post sono presentati in ordine cronologico.
• Blocco conto alla rovescia: timer per il conto alla rovescia animati.
• Blocco hotspot immagine : puntatori dettagliati e animati posizionati sopra le immagini.
• MailChimp Block : perfetta integrazione con Mailchimp.
• Blocco popup video: video auto-ospitati ed esterni nei popup.
• Blocco libreria modelli : fino a 40 modelli predefiniti (dovresti provarlo!)

Inoltre, poiché il team MotoPress dietro Getwid crea sempre nuove funzionalità, è molto probabile che questo elenco venga esteso in futuro.

Questa era solo una vista a volo d'uccello, quindi scaviamo più a fondo nelle impostazioni di configurazione e diamo un'occhiata al backstage per illustrare le capacità di Getwid. Utilizzeremo diversi temi WordPress gratuiti e premium pronti per Gutenberg.

Personalizza layout di qualsiasi scala con il blocco di sezione

Section è un contenitore multiblocco che puoi compilare con qualsiasi blocco, inserire facilmente colonne Gutenberg e creare diversi tipi di sfondi. Diamo un'occhiata ad alcune delle sue caratteristiche:

• Ti consente di iniziare con la larghezza del layout necessaria (sentiti libero di creare layout a tutta larghezza accattivanti e coinvolgenti).
• Puoi utilizzare i bordi dei blocchi trascinabili per allineamenti e ridimensionamenti personalizzati (margini e riempimenti): l'editing visivo ti aiuterà a vedere le modifiche istantanee.
• Puoi creare un'immagine, una sfumatura, un dispositivo di scorrimento, un video e altri tipi di sfondi con diversi effetti e forme di animazione. Il pannello di configurazione di questo blocco ti consente di modificare manualmente la spaziatura, scegliere una larghezza del contenuto predefinita, ecc.
  
• I margini, i padding, gli allineamenti e una larghezza di sezione predefinita possono essere personalizzati per diverse finestre (desktop, tablet, telefono).

Personalizzazione dei blocchi Getwid Gutenberg

• Puoi anche utilizzare uno sfondo a posizione fissa per rendere più viva l'intera pagina (in modo che l'immagine rimanga intatta durante lo scorrimento di una pagina). È probabile che tu applichi questo approccio per layout a larghezza intera per creare esperienze di navigazione davvero coinvolgenti.

• È davvero facile creare sezioni di eroi a tutta larghezza attraenti e persino intere pagine di destinazione poiché puoi posizionare le sezioni all'interno delle sezioni per dare un aspetto personalizzato a ciascun contenuto.
• Applicare tavolozze di colori preimpostate per sfondi sfumati.

• Raggruppa i contenuti per costruire una gerarchia visiva utilizzando separatori univoci: configurane le dimensioni e i colori.

• Crea layout di offset fantasiosi.

• Anima i blocchi o le intere sezioni.

Ulteriori effetti dei blocchi Getwid Gutenberg

Ci sono tantissimi effetti di animazione tra cui puoi scegliere:

• Applicare primi piani su misura per mantenere un design ancora più peculiare (impostare il colore di primo piano, la sfumatura, l'immagine, modificare l'opacità e le modalità di fusione).

• Per andare oltre la semplice tipografia, puoi inserire il blocco Intestazione avanzata di Getwid che offre impostazioni tipografiche approfondite (ti consente di lavorare con più impostazioni di carattere: stili, peso, dimensione, famiglia, spaziatura, colori, ecc.). Puoi usare questo blocco con qualsiasi altro blocco Gutenberg o Getwid.

• Aggiungi pulsanti con il blocco Button Group che erediterà automaticamente anche gli stili dal tuo tema WordPress pronto per Gutenberg. La dimensione, la larghezza, la direzione e l'allineamento del pulsante possono essere modificati, così puoi creare inviti all'azione professionali in pochi clic!

Tecnicamente, il blocco Section può fungere da base per qualsiasi altro blocco o set di blocchi Gutenberg WordPress, soprattutto quando si desidera avere più opzioni di personalizzazione.

Mostra servizi, idee e funzionalità attraverso forme minime

Il plug-in dei blocchi Getwid Gutenberg viene fornito con diversi fantastici blocchi che consentono di esprimere le cose essenziali del tuo progetto/attività in un modo semplice, leggibile e moderno.

Ad esempio, puoi comunicare molte informazioni in modo molto più semplice tramite icone, immagini+icone, grafici, contatori e altro ancora. Getwid li ha tutti.

Diamo un'occhiata ad alcuni di questi blocchi e scopriamo di più sulle loro caratteristiche.

• Inserisci un sacco di icone graziose e leggere in qualsiasi contenuto desiderabile con un semplice blocco Icone. Per perfezionare un design coerente, sei libero di scegliere tra stili di icone semplici, di sfondo e di contorno.

Il plug-in Getwid utilizza le icone Font Awesome che ereditano automaticamente il design (dimensione dello stile) da qualsiasi tema pronto per Gutenberg che potresti utilizzare e ti consente inoltre di scegliere il colore preferito da una tavolozza di colori del marchio del tema. Questo aiuta le icone a fondersi con il design generale del tema molto più facilmente.

Tuttavia, sei libero di implementare le tue icone impostate, se necessario.

Impostazioni extra dei blocchi Getwid Gutenberg

Per un aspetto e un comportamento più personalizzati, sono disponibili impostazioni per modificare le dimensioni delle icone, il raggio del bordo, i margini, applicare effetti di animazione e collegare le icone a URL esterni. Grazie a queste impostazioni, puoi utilizzare icone di varie forme: cerchio, quadrato, rettangolo e diagonali.

• Realizza layout basati su icone con i modelli predefiniti del blocco Icon Box di Getwid. Viene fornito con quasi la stessa toolchain di Icon Block, ma include anche campi di testo extra organizzati e ti consente di creare contenuti più velocemente.

Blocchi animati Getwid Gutenberg

• Visualizza i dati utilizzando i blocchi animati della barra di avanzamento e della barra di avanzamento circolare.

Le impostazioni essenziali di entrambe le barre sono completamente configurabili.

Tabelle dei prezzi

• Mostra tabelle di confronto e prezzi con l'aiuto del blocco Price Box. Il blocco viene fornito con un layout pre-progettato appositamente costruito, che devi semplicemente compilare con i tuoi dati.

Poiché tutto il contenuto viene modificato in linea (direttamente nell'editor Gutenberg), aggiornerai rapidamente le caratteristiche/descrizione, i pulsanti, ecc. Sono supportati anche CSS personalizzati, quindi sentiti libero di dare alle tabelle un aspetto più elaborato.

Domande frequenti

• Le schede, i blocchi Toggle e Accordion, che nel moderno web design contribuiscono molto al miglioramento dell'organizzazione generale dei contenuti, sono molto utili per strutturare informazioni come FAQ, politica aziendale, servizi in un hotel, archivi di musica e qualsiasi altra informazione.

Puoi avere una scheda o attivare/disattivare preselezionata per una migliore usabilità. Attraverso il pannello di configurazione del blocco, puoi modificare icone, layout e tipi di intestazione.

• Implementa le icone dei social media con il blocco Social Links. Getwid ti consente di implementare icone indispensabili senza problemi poiché erediteranno automaticamente l'aspetto dal tuo tema. Dovrai solo decidere lo stile, le dimensioni, l'allineamento e la spaziatura.

• Vetrina contatori animati. Ad esempio, ecco un blocco superiore senza stili e lo stesso contatore posizionato all'interno del blocco Sezione dai blocchi Getwid Gutenberg:

Puoi andare con le impostazioni minime o avanzate:

Il blocco supporta i numeri arabi orientali e farsi.

• Presenta una vasta gamma di layout robusti e realizzati con cura con immagini per mezzo del blocco Image Box.

• Crea menu ristorante con un blocco Listino Prezzi dedicato. Puoi andare con o senza immagini.

Come avrai notato, poiché tutti i blocchi di Getwid sono molto nativi di Gutenberg, hai numerose opzioni per creare bellissimi contenuti e mantenere una migliore coerenza visiva con meno sforzi.

Crea fantastiche gallerie e cursori multimediali Gutenberg

Getwid offre diversi modi semplici per presentare i contenuti multimediali:

• Aggiungi uno slider con il blocco Media e Text Slider, in cui puoi controllare e modificare tutti gli elementi direttamente nell'editor visivo di Gutenberg.

Rimarrai colpito da quanto puoi andare in profondità nella configurazione: imposta tutte le dimensioni preferite, personalizza testi e colori sovrapposti, opzionalmente aggiungi padding personalizzati, seleziona effetti di animazione per le diapositive e il testo individualmente e altro ancora. Naturalmente, puoi scegliere un layout a larghezza intera o ampia per il tuo dispositivo di scorrimento. Se hai bisogno di una soluzione ancora più semplice, puoi utilizzare anche il blocco Image Slider di Getwid.

Pensi che avrai bisogno di un altro plugin per lo slider di WordPress con Getwid a portata di mano?

• Integra facilmente una galleria di Instagram dal vivo senza ricorrere a plug-in di terze parti.

• • • Crea incantevoli gallerie di immagini con il blocco Image Stack Gallery.

• Per i progetti creativi, puoi utilizzare un blocco davvero raro, Image Hotspot, per rendere le tue immagini/foto/dipinti/planimetrie più informative. Il blocco ti consente di inserire descrizioni comandi animate su qualsiasi area personalizzata delle tue immagini per fornire maggiori informazioni su parti specifiche dell'immagine.

• Mostra i video introduttivi o dei prodotti in straordinari pop-up (puoi utilizzare le immagini di copertina, animare i pulsanti, aggiungere didascalie, ecc.)

Metti in mostra la tua squadra

Racconta le persone che ti aiutano a creare un'attività con il blocco Persona di facile manutenzione, che include elementi essenziali come titoli di lavoro, nomi, avatar e icone social.

Inoltre, puoi mostrare la cronologia della tua azienda/progetto o visualizzare eventuali altri eventi in ordine cronologico utilizzando il blocco Timeline eventi

Costruisci i dispositivi di scorrimento dei tipi di post e post personalizzati in Gutenberg

Se desideri presentare post di blog o altri tipi di post personalizzati specifici (ad es. Servizi, prodotti WooCommerce o altri tipi di contenuto generati dai plug-in che utilizzi), il plug-in dei blocchi Getwid Gutenberg viene fornito con diversi blocchi dedicati per aiutarti a dare maggiore enfasi a quel contenuto .

È possibile utilizzare i blocchi Post Carousel, Post Slider e Custom Post Type di Getwid per questo scopo. Sebbene vengano forniti con il set standard di impostazioni, Getwid ha fatto il possibile fornendoti un creatore di modelli personalizzato, in cui puoi costruire visivamente un layout che verrà applicato al dispositivo di scorrimento dei dati dei post dinamici.

Giocando con questi blocchi, puoi creare:

• Splendidi cursori di tipo post/post personalizzati a larghezza intera.

• Un post carosello a colonne con diversi elementi di design.

• Dispositivi di scorrimento della griglia e dell'elenco.

Ci sono tonnellate di opzioni e funzionalità di questi blocchi che richiederebbero un articolo a parte!

Impiega banner animati per promuovere offerte o eventi

Puoi raggiungere più potenziali clienti con vivaci banner di invito all'azione, che possono essere creati utilizzando il blocco Getwid Banner. In alternativa, puoi utilizzare questo blocco per qualsiasi altro scopo quando è necessario porre l'accento su eventi o prodotti specifici.

Il blocco ti consente di controllare il layout, i colori, gli effetti di movimento e molte altre impostazioni.

Considerazioni finali: il plugin Getwid WordPress Blocks è perfetto per blog e siti Web di piccole imprese

Getwid è finora la più grande raccolta di blocchi Gutenberg gratuiti che mirano ovviamente a diventare la soluzione all-in-one possibile per aiutarti a ridurre il numero di plug-in aggiuntivi che potresti dover utilizzare.

Ma ciò non implica in alcun modo la quantità rispetto alla qualità poiché Getwid sta facendo un ottimo lavoro di progettazione e sviluppo su più aspetti. Eccone solo alcuni:

• Ampi pannelli di configurazione distribuiscono maggiore scalabilità e flessibilità a ciascun blocco.
• Disegni Gutenberg pronti all'uso.
• Indipendentemente da un tema WordPress, Getwid ti consente di semplificare le modifiche e mantenere una migliore coerenza visiva quasi automaticamente.
• Un boilerplate di design gratuito con i frammenti di stile a blocchi.
• Il plug-in offre un valore extra con diversi servizi popolari preinstallati che normalmente richiedono plug-in aggiuntivi.
• Getwid offre alcuni blocchi davvero unici, come Image Hotspot, Video Popup e Custom Post Type.
• Il plug-in Getwid aderisce alle migliori pratiche di progettazione e sviluppo per Gutenberg e WordPress 5.0, che contribuiranno in gran parte a un approccio lungimirante nella creazione di siti Web.

Per riassumere, i blocchi Getwid Gutenberg ti aiuteranno ad andare avanti su qualsiasi tipo di sito web che stai costruendo. Ne trarrai vantaggio indipendentemente dal fatto che tu stia cercando una libreria di blocchi pronta all'uso o solo un blocco specifico. Quindi non dimenticare di cimentarti, il plugin è gratuito come nella birra.