Gutentor: un generatore di pagine completo basato sull'editor di blocchi Gutenberg

Pubblicato: 2019-12-28

Dopo l'introduzione di Gutenberg, la progettazione di siti Web in WordPress è diventata molto più semplice di prima. Questo editor WordPress basato su blocchi ha portato il sistema di creazione di pagine al livello successivo. Gutenberg ti offre molti blocchi con cui giocare. Tuttavia, è necessario personalizzare manualmente i blocchi predefiniti. Il che potrebbe richiedere più tempo del previsto. È qui che entra in azione Gutentor.

Allora, cos'è Gutentor?

Gutentor è una raccolta di blocchi e modelli già pronti dal design accattivante con numerose opzioni di personalizzazione. Utilizzando i suoi blocchi e modelli straordinariamente progettati, puoi progettare pagine, post, pagine di destinazione o persino interi siti Web in pochi clic.

Gutentor estende l'editor Gutenberg con un'ampia varietà di bellissimi blocchi che rendono la creazione e la progettazione di contenuti ancora più flessibili. È stato sviluppato con tutte le funzionalità di personalizzazione necessarie tra cui immagine, tipografia, colori, forma a blocchi, sfondo, animazione e molto altro.

Cosa c'è di nuovo?

Libreria di modelli demo con un clic per modelli e blocchi già pronti
Esperienza di progettazione più rapida
Blocchi di costruzione completi della pagina Web con tutte le funzionalità necessarie
Estremamente semplice, senza aggiungere righe/colonne, basta aggiungere un blocco per creare un bel sito web
Campo ripetitore per creare elementi all'interno di blocchi con opzioni di riordino, modifica, eliminazione di trascinamento della selezione
Opzioni di righe/colonne altamente personalizzabili disponibili per i designer creativi
Opzioni avanzate su ogni blocco tra cui tag HTML, sfondo, bordo, ombra scatola, riempimento margine, divisore forma SVG e animazioni integrate
Modulo Modello di blocco su ogni blocco, Modello di progettazione multiplo a blocco singolo
Opzioni di styling complete dei singoli elementi
Controlli reattivi specifici del dispositivo
Opzioni tipografiche avanzate che includono tutti i caratteri Google e i caratteri di sistema disponibili
Opzioni di sfondo video
File CSS in linea, interni o esterni per CSS dinamici

Cosa rende Gutentor diverso?

Gutentor è apparentemente un costruttore di blocchi distinto per WordPress. Consiste in alcune caratteristiche sorprendenti che lo rendono uno splendido e avanzato rispetto agli altri. Di seguito sono riportate alcune delle sue caratteristiche uniche:

Colonna dinamica: la colonna dinamica ti consente di aggiungere un numero qualsiasi di colonne alla tua pagina. Questa opzione ti consente di creare in modo flessibile il sito web che desideri. Basta impostare il numero della colonna, aggiungere elementi e personalizzarlo.
Colonna avanzata: la colonna avanzata è dotata di opzioni di personalizzazione avanzate che ti consentono di creare bellissime pagine aggiungendo vari elementi di base che ti piacciono.
Elementi di base – Elementi di base contiene quasi tutti gli elementi utilizzati nelle tendenze del sito Web esistenti. Basta inserire l'elemento preferito all'interno della colonna avanzata e personalizzare di conseguenza. La cosa più importante dell'elemento di base è che hai il controllo sui singoli elementi.
Blocchi/Elementi Precostruiti – Gutentor viene fornito con 11 elementi, 3 gruppi e 30 blocchi. Che è più che sufficiente per costruire qualsiasi tipo di sito web.
Modelli : i modelli già pronti non ti fanno risparmiare tempo, ma ti offrono anche sufficienti opzioni di personalizzazione.
Uso esteso dei CSS
Impressionante opzione carosello per diversi blocchi.
Altamente reattivo e SEO friendly.
Viene fornito con un servizio di supporto di qualità

Pacchetto modelli già pronti

Gutentor è dotato di splendidi modelli già pronti. Puoi scegliere e installare i modelli in pochi clic. Scegli il tuo modello preferito dalla categoria di:

Attività commerciale
Formazione scolastica
Medico
aziendale
Fitness
Viaggiare
Agenzia
Costruzione
Multiuso

Questi modelli possono essere personalizzati facilmente per adattarsi al tuo marchio e alle tue preferenze.

Blocchi Gutentor avanzati

Informazioni sul blocco : blocco personalizzato per mostrare la descrizione, l'immagine, il titolo e il pulsante.
Fisarmonica – Sezione pieghevole che visualizzerà titolo, descrizione e pulsante.
Colonna avanzata : questo blocco ti aiuterà a creare più colonne nella tua pagina o nei tuoi post.
Profilo dell'autore : un altro blocco personalizzato di Gutenberg per mostrare il profilo dell'autore, inclusi titolo, descrizione, profilo social, ecc.
Post del blog : se sei preoccupato di visualizzare i post del blog all'interno del post o della pagina, puoi utilizzare questo blocco.
Call to Action – Un blocco semplice ma potente per inserire il pulsante con il link nella sezione.
Casella dei contenuti : è molto utile per visualizzare il titolo, il contenuto e il pulsante semplici. L'immagine e l'icona non verranno visualizzate qui.
Conto alla rovescia : se hai intenzione di annunciare alcuni eventi o annunci importanti, questo ti aiuterà a renderlo più semplice.
Contatore : con modelli attraenti, aiuta a rappresentare i fatti sul prodotto.
Divisore : aiuta a separare le sezioni. Puoi anche caricare la tua immagine come separatore.
Blocco in primo piano : è un'ampia sezione con una foto, un titolo, una descrizione e un pulsante.
Galleria : questa galleria è un blocco personalizzato creato con cura per creare la galleria sulla tua pagina.
Google Map : aiuta a visualizzare la mappa di Google con longitudine e latitudine.
Icon Box - Un blocco personalizzato per visualizzare l'icona impressionante del carattere.
Casella immagine : se hai bisogno di mostrare la singola immagine con titolo, descrizione e pulsante, puoi utilizzare questo blocco.
Image Slider – Un fantastico blocco personalizzato per creare uno slider con titolo, descrizione, pulsante con modelli predefiniti.
Orari di apertura : per un sito Web aziendale e aziendale, i blocchi personalizzati dell'orario di apertura saranno molto utili. Gli utenti possono aggiungere ora, data e giorno su questo blocco.
Casella dei prezzi : aiuta a mostrare le caratteristiche e i prezzi dei rispettivi prodotti.
Barra di avanzamento : con il valore percentuale, puoi mostrare l'avanzamento delle cose nel cerchio o nel grafico a barre.
Menu del ristorante – Per il sito web dell'hotel e del ristorante, questo blocco personalizzato sarà molto utile per mostrare il menu e il suo prezzo.
Social – Questo è il blocco personalizzato di Gutenberg per mostrare icone e link social. Puoi aggiungere facilmente i tuoi collegamenti social.
Schede : ogni scheda avrà contenuti diversi. Avrà titolo, descrizione e pulsanti. Crea il numero richiesto di schede con il blocco.
Team – Un altro blocco personalizzato molto utile per mostrare le informazioni del team sul sito web.
Testimonianze – Non è fantastico mostrare i tuoi clienti o le testimonianze degli utenti sul sito web? Sì, questo blocco è utile per questo.
Timeline – Per mostrare le informazioni sull'ordine cronologico, è necessario un blocco personalizzato della timeline.
Video Popup : aiuta a incorporare i video e quando gli utenti lo visualizzano, verrà visualizzato nel popup.

Inoltre, se utilizzi altri plug-in di blocchi aggiuntivi per Gutenberg, ad esempio il plug-in ZeGuten, funzionano anche con l'editor Gutenor.

Iniziare con Gutentor

Installare e personalizzare blocchi e modelli Gutentor è semplicissimo. Non devi uscire dall'editor di WordPress. I blocchi e i modelli Gutentor si trovano all'interno dell'editor Gutenberg. Segui i semplici passaggi seguenti per iniziare con Gutentor.

Installazione di Gutentor

Cerca "Gutentor" all'interno della sezione plugin come mostrato nella figura sopra. In alternativa, puoi scaricare direttamente il file zip dalla directory dei plugin di WordPress. Dopo averlo installato, attiva il plugin.

Accedi a blocchi/modelli Gutentor

Puoi accedere ai blocchi Gutentor all'interno dell'editor Gutenberg. Nella parte superiore della pagina o del post, vedi le opzioni come "Libreria modelli", "Blocca esportazione modello". Puoi accedere direttamente al blocco da una libreria di modelli.

Nella libreria dei modelli, avrai le seguenti opzioni. Categorie sul lato sinistro da cui è possibile cercare diverse categorie. Controlla ogni demo di blocco facendo clic sul pulsante "Anteprima" o fai clic su "Inserisci" per inserirlo nella tua pagina.

Puoi personalizzare ogni elemento (immagine, tipografia, colori, pulsanti) dei blocchi secondo le tue preferenze. Se riscontri problemi durante l'utilizzo di Gutentor, puoi seguire la documentazione dettagliata e i tutorial video.

Esporta il tuo blocco e modello

Se desideri utilizzare gli stessi blocchi o modelli in altre pagine, puoi esportare i tuoi blocchi e modelli. Basta fare clic su "Block Template Export" e salvarlo come file JSON.

Puoi importare questo file in altre pagine dalla Libreria modelli >File .