Documentazione Advanced Gutenberg

I. INSTALLAZIONE ADVANCED GUTENBERG

1.1 Installazione

Per installare il nostro plugin, dovresti usare il programma di installazione standard di WordPress, oppure decomprimere e mettere tutto nella cartella in / wp-content / plugin.

 

install-wp-media-cartella


Quindi fare clic su attivare il plugin, per vedere il menu Advanced Gutenberg appare nel menu di sinistra di WordPress.

Advanced Gutenberg è accessibile dal menu di Gutenberg. Hai anche i parametri nel menu "Impostazioni".

1.2 Aggiorna il plugin

Per aggiornare Advanced Gutenberg, è possibile utilizzare il programma di aggiornamento predefinito di WordPress. Puoi anche rimuovere e installare la nuova versione da un file .zip scaricato da www.joomunited.com. In ogni caso, non perderai alcun contenuto perché tutto è memorizzato nel database.

 

update-gutenberg

 

Assicurati di avere sempre l'ultima versione per evitare problemi di sicurezza e stabilità.

II. FUNZIONI COMUNI

2.1. Lista di Bloccati

Usando il nostro plug-in, puoi creare diversi profili e selezionare i blocchi in Lista dei blocchi sarà disponibile per ogni profilo.

Per impostare il tuo profilo puoi usare il "Attribuzione del profilo" scheda in “Advanced Gutenberg” menu. Scegli uno dei profili e vedrai la configurazione del profilo.

 

utente-redattore profili

 

Puoi abilitare / disabilitare i blocchi in Gutenberg facendo clic su di essi. Al termine, premere il pulsante Aggiorna lista per aggiornare le nuove icone di blocco.

 

lista di Bloccati

 

blocks-list-2

 

Una volta salvati, i blocchi saranno disponibili nel tuo editor.

 

block-usato

 

Blocco pulsanti avanzato

Puoi creare un Pulsante avanzato facendo clic sul relativo pulsante nella sezione Advanced Gutenberg.

 

avanzata pulsante

 

Nel pannello di destra, puoi modificare alcune impostazioni per il pulsante:

  • stili: 4 stili predefiniti

    • Predefinito

    • delineato

    • Squared

    • Contorno quadrato

  • Collegamento a pulsante:

    • URL del link

    • Apri in una nuova scheda: On / Off.

 

ADV-button-settings

 

  • Colore del testo:

    • Dimensione del testo

    • Colore di sfondo

    • Colore del testo

 

text-color-button-settings

 

  • Confine:

    • Raggio di confine

    • Stile del bordo: solido, punteggiato, cresta, ...

    • Colore del bordo

    • Larghezza del bordo

 

adv-button-border

 

  • Margine: in alto, a destra, in basso ea sinistra.

  • Imbottitura: in alto, a destra, in basso ea sinistra.

 

avanzata-button-padding

 

  • hover:

    • Impostazioni colore: colore di sfondo, colore del testo e colore dell'ombra.

    • Offset ombra (H (orizzontale), offset V (verticale), sfocatura, diffusione), opacità e velocità di transizione.

 

avanzata-button-hover

 

Blocco elenco avanzato

Puoi creare un Elenco avanzato facendo clic sul relativo pulsante nella categoria Advanced Gutenberg.

 

avanzata-list

 

Dopo aver inserito il contenuto, puoi regolare le impostazioni dal pannello di destra:

  • Impostazioni di testo

    • Dimensione del testo

  • Impostazioni dell'icona

    • Icona (elenco, colore e dimensioni)

    • Altezza della linea

    • Margine

    • Imbottitura

 

avanzata-list-impostazioni

 

Blocco riepilogativo

Puoi creare un Sommario bloccare facendo clic sul relativo pulsante nella categoria Advanced Gutenberg dopo aver impostato almeno un tag di intestazione nel post o nella pagina. Il riepilogo può essere allineato a sinistra, centro o destra. Per aggiornarlo, utilizzare il pulsante Riepilogo aggiornamento.

 

sintesi-Gutenberg-content

 

Sul pannello di destra, ci sono alcune opzioni che puoi regolare:

  • Carico ridotto al minimo: per mostrare / nascondere il Sommario per impostazione predefinita

  • Titolo intestazione sommario: il testo dell'intestazione del Riepilogo, che viene mostrato quando il Carico ridotto al minimo l'opzione è abilitata

  • Colore di ancoraggio: scegli un colore per il sommario

 

sintesi-settings

 

Blocco Counter (Count Up)

 

Puoi creare un Conta blocco, possibilmente con un simbolo, facendo clic sul relativo pulsante nella categoria Advanced Gutenberg.

 

count-up

 

Quindi, dal pannello di destra puoi regolare alcune opzioni per il Contatore:

  • Impostazioni colore: Colore dell'intestazione, colore del conto alla rovescia e colore della descrizione

  • colonne: 1-3

  • Numero di contatore: imposta la dimensione dei numeri

  • Contrasta il simbolo: aggiungi un personaggio prima o dopo il contatore

  • Interruttore: imposta la posizione del simbolo (On ​​significa che il simbolo viene dopo i numeri)

 

count-up-settings

 

Blocco immagine avanzato

Il Immagine avanzata il blocco può essere usato per creare un'immagine. Per aggiungerne uno, fare clic su Immagine avanzata pulsante nella categoria Advanced Gutenberg, quindi scegliere un'immagine da inserire.

 

avanzata-image-tasto

 

Successivamente, è possibile modificare il titolo dell'immagine e i sottotitoli. È possibile regolare le impostazioni dell'immagine dal pannello destro.

  • Azione al clic: o apri l'immagine in una lightbox o apri un URL personalizzato

  • URL del link: Apri il link in una nuova scheda (pulsante di attivazione / disattivazione)

  • Apri il link in una nuova scheda: Acceso spento

  • Dimensione dell'immagine: se l'immagine deve essere visualizzata con larghezza piena o con altezza e larghezza personalizzate

 

avanzata-immagine-settings

 

  • Selettore punti focali: selezionare il punto per mettere a fuoco sull'immagine o impostare la posizione orizzontale / verticale

  • Opacità di sovrapposizione predefinita

  • Sovrapposizione di opacità al passaggio del mouse

  • Impostazioni colore: Colore del titolo, colore dei sottotitoli, colore della sovrapposizione

  • Allineamento del testo: Allineamento verticale (in alto, al centro, in basso), allineamento orizzontale (a sinistra, al centro, a destra)

 

adv-image-hover

 

Blocco testimonianze

Puoi inserire una testimonianza nei tuoi contenuti facendo clic su testimoniale pulsante nella categoria Advanced Gutenberg. Quindi, puoi cambiare l'avatar, il nome, la posizione e la descrizione della testimonial.

 

testimonial-button

 

Infine, nel pannello di destra è possibile regolare le impostazioni per il Testimonial. Quando l'opzione di visualizzazione Slider è disabilitata, ecco le impostazioni:

  • colonne: L'intervallo di colonne nella visualizzazione Normale è 1-3 e nella visualizzazione Slider è 4-10.

  • Avatar: Dimensioni avatar, colore di sfondo e impostazioni dei bordi, che includono colore, raggio e larghezza

  • Colori del testo:

    • Nome Colore

    • Posizione Colore

    • Descrizione Colore

 

testimonial-settings

 

Quando si abilita Vista a scorrimento opzione, appariranno alcune opzioni aggiuntive per il dispositivo di scorrimento:

  • Numero di articoli
  • Articoli da mostrare
  • Elementi da scorrere

slider-view colonne

  • Modalità centrale
  • Pausa al passaggio del mouse
  • Riproduzione automatica
  • Velocità di riproduzione automatica (ms)
  • Ciclo infinito
  • Velocità di transizione (ms)
  • Mostra punti
  • Mostra le frecce
  • Dimensione della freccia

 

cursore-settings

  • Colori dei cursori:
    • Colore freccia e bordo
    • Punti di colore

 

slider-colore

 

Blocco mappa

Per usare il Carta geografica blocco, è necessario aggiungere una chiave API di Google nella configurazione. Dopo, dovresti seguire questo collegamento, clicca su Abilita API e servizi pulsante, quindi cerca e attiva l'API di geolocalizzazione, l'API JavaScript di Maps.

Una volta aggiunto, è possibile creare la mappa facendo clic sul Carta geografica pulsante nella categoria Advanced Gutenberg.

 

map-block

 

Dal pannello di destra, è possibile inserire una posizione immettendo Latitudine e Longitudine oppure immettendo un indirizzo e quindi premendo il pulsante Visualizza posizione.

Sono disponibili alcune opzioni aggiuntive per la mappa:

  • Livello di zoom

  • Altezza

  • Icona del marker

  • Titolo dell'indicatore

  • Descrizione del marker

  • Apri tooltip marker

  • Stili di mappa: argento, retro, notte, ... e puoi anche aggiungere il tuo stile personalizzato.

 

map-settings

 

Blocco video avanzato

Puoi creare un video in un post facendo clic sul Video avanzato pulsante nella sezione Advanced Gutenberg. Quindi, puoi incollare l'URL da Youtube o Vimeo o utilizzare qualsiasi video locale dal tuo server. È possibile modificare l'immagine di anteprima facendo clic sul pulsante Modifica nell'angolo in alto a sinistra.

 

avanzate-video

 

Successivamente, puoi regolare le impostazioni per il video nel pannello di destra.

  • Apri video in light box: la lightbox offre opzioni di visualizzazione aggiuntive

  • Intera larghezza: se è spento, è necessario impostare una larghezza personalizzata per il video

  • Altezza del video

  • Impostazioni colore: Colore sovrapposizione e colore pulsante Riproduci

  • Pulsante di riproduzione: Stile icona, dimensioni pulsante riproduzione

 

avanzata-video-settings

 

Blocco tabella avanzato

È possibile creare una tabella facendo clic sul Tabella avanzata pulsante nella categoria Advanced Gutenberg.

 

avanzata-table-tasto

 

È possibile modificare la tabella dopo aver impostato il numero di colonna e riga.

 

avanzata-table

 

Successivamente, puoi inserire del testo o regolare righe e colonne dall'editor stesso appena sopra il blocco di tabella. Altre impostazioni possono essere modificate nel pannello di destra.

  • stili

    • Predefinito

    • strisce

 

style-table

 

  • Impostazioni della tabella

    • Larghezza massima: Impostalo su 0 per rendere la larghezza massima equivalente al 100%

    • Celle di tabella a larghezza fissa

    • Intestazione della tabella, footer

    • Il confine è crollato

 

advanced-table-settings1

 

  • Impostazioni della cella

    • Impostazioni colore: Colore di sfondo, Colore del testo

    • Confine: stile, colore e larghezza del bordo

    • Imbottitura: imbottitura superiore, inferiore, sinistra e destra

    • Allineamento del testo: allineamento orizzontale e verticale

 

singole cellule-settings

 

Puoi persino unire le celle (usando il pulsante Shift) e dividere le celle unite con il Tabella avanzata bloccare.

Blocco di fisarmonica avanzato

Puoi creare un Fisarmonica Avanzata quando è necessario visualizzare più contenuti in un'area più piccola facendo clic su Avanzate Fisarmonica pulsante nella categoria Advanced Gutenberg. Successivamente, per impostazione predefinita verranno visualizzati 2 elementi di fisarmonica di gruppo.

 

adv-fisarmonica-block

 

Una volta creato, puoi regolare le opzioni di intestazione, corpo o bordo dal pannello di destra.

  • Impostazioni della fisarmonica:

    • Spaziatura inferiore: Definire lo spazio tra ciascuna fisarmonica (solo vista Frontend)

    • Iniziale compresso: Fai crollare tutte le fisarmoniche per impostazione predefinita.

  • Impostazioni intestazione

    • Stile dell'icona dell'intestazione

    • Impostazioni colore: Colore di sfondo, Colore del testo e Colore dell'icona

 

adv-fisarmonica-header

 

  • Impostazioni colore corpo

    • Colore di sfondo

    • Colore del testo

  • Impostazioni del bordo

    • Stile del bordo: solido, tratteggiato o punteggiato

    • Impostazioni colore

    • Larghezza del bordo, raggio

 

ADV-fisarmonica-settings

 

Blocco schede avanzate

Allo stesso modo, puoi creare un Avanzato linguetta bloccare quando è necessario visualizzare più contenuti in un'area più piccola. Per inserirne uno, fare clic su Scheda Avanzate pulsante nella categoria Advanced Gutenberg.

 

tab-block

 

Quindi, puoi regolare le opzioni di tabulazione, corpo o bordo dal pannello di destra.

  • Stile schede
    • Desktop, tablet o cellulare
    • Orizzontale o verticale
  • Impostazioni delle schede
    • Scheda Apri iniziale

 

ADV-tab-impostazioni

 

  • Tab Colori

    • Colore di sfondo

    • Colore del testo

    • Colore sfondo scheda attiva

    • Colore testo scheda attiva

 

tab-impostazioni

 

  • Colori del corpo

    • Colore di sfondo

    • Colore del testo

  • Impostazioni del bordo

    • Stile: solido, tratteggiato o punteggiato

    • Colore

    • Larghezza del bordo, raggio

 

tab-settings1

 

Blocco collegamenti sociali

Puoi condividi i tuoi link social molto facilmente usando il Collegamenti sociali blocco, che può essere creato facendo clic sul relativo pulsante nella categoria Advanced Gutenberg.

 

sociali-link

 

Puoi usare l'icona già pronta o caricare la tua icona personale e aggiustare altre opzioni dal pannello di destra.

  • Icone predefinite: puoi caricare la tua icona personalizzata

  • Colore icona preimpostata

  • Impostazioni delle icone

    • Dimensione dell'icona, spazio

 

sociali-link-settings

 

Blocco di messaggi recenti

Sono disponibili 3 layout per visualizzare i post recenti: le visualizzazioni Grid, List e Slider. È possibile creare una qualsiasi di queste viste facendo clic su messaggi recenti pulsante nella categoria Advanced Gutenberg.

 

recent-post-block

 

Puoi vedere come i blocchi verranno visualizzati nel frontend dell'immagine sopra o nella nostra Advanced Gutenberg Demo.

Dal pannello di destra, puoi regolare le impostazioni di ogni layout:

  • Ordinato da

ordinato da

 

  • Categoria

  • Numero di articoli

  • colonne (solo per visualizzazione Griglia)

  • Visualizza l'immagine in primo piano

  • Mostra Post Autore

  • Mostra la data del post

  • Visualizza Leggi altro Link

  • Leggi altro testo

  • Visualizza estratto del post

  • Testo del primo post come estratto: mostra una parte del primo testo trovato in post come estratto.

 

recent-post-settings

 

Woo Products Block

Ci sono 2 layout disponibili per Woo prodotti blocco: le visualizzazioni Normale e Diapositiva possono visualizzare i prodotti WooCommerce sul tuo blog WordPress. È possibile inserire questo blocco facendo clic su Woo prodotti pulsante nella categoria Advanced Gutenberg.

 

woo-block

 

Puoi vedere come i blocchi verranno visualizzati nel frontend dell'immagine sopra o nella nostra Advanced Gutenberg Demo

Nel pannello di destra, puoi regolare le impostazioni di ciascun layout:

  • Impostazioni dei prodotti

    • Stato del prodotto

    • Categoria

  • Impostazioni di Layout

    • colonne

    • Numero di prodotti

    • Ordine

 

Woo-impostazioni

 

Immagini Slider Block

Se si desidera visualizzare un numero di immagini come una diapositiva, fare clic su Cursore delle immagini pulsante nella categoria Advanced Gutenberg.

 

nuova-image-cursore

 

Quindi premendo Aggiungi immagini pulsante per scegliere le immagini mostrate nella diapositiva. Dopodiché puoi inserire il testo Titolo e testo descrizione per ogni immagine.

 

image-cursore

 

Puoi modificare le impostazioni del cursore sul pannello di destra.

Impostazioni immagine

  • Azione al clic: Nessuno, Apri immagine in lightbox e Apri collegamento personalizzato

  • Intera larghezza

  • Altezza automatica

  • Mostra sempre overlay

Impostazioni colore

  • Hover Color

  • Titolo Colore

  • Colore del testo

 

slide-settings-1

 

Allineamento del testo

  • Allineamento verticale

    • Superiore

    • Centro

    • Parte inferiore

  • Allineamento orizzontale

    • Sinistra

    • Centro

    • Destra

slide-settings-2

 

Modulo di contatto

È possibile ottenere la notifica di contatto via e-mail con questo blocco. Puoi creare quel modulo cliccando su Modulo di Contatto pulsante nella categoria Advanced Gutenberg.

 

Modulo di Contatto

 

È possibile modificare le impostazioni del Modulo di Contatto sul pannello di destra.

  • Avviso: Non apparirà se abiliti l'opzione reCAPTCHA in Impostazioni.

  • Email mittente: Puoi cambiare in Impostazioni. Un'email verrà inviata all'email dell'amministratore (per impostazione predefinita) ogni volta che viene inviato un modulo di contatto.

  • Etichetta di testo:

    • Nome segnaposto di input

    • Email segnaposto di input

    • Segnaposto segnaposto

    • Invia il testo

    • Testo di avviso di campo vuoto

    • Invia il testo di successo

 

contact-settings1

 

  • Colore di input: Colore di sfondo e colore del testo

  • Impostazioni del bordo: Colore bordo, Stile bordo e Raggio bordo

  • Impostazioni pulsante di invio:

    • Impostazioni colore: Bordo e testo, sfondo

    • Raggio del bordo del pulsante

    • Posizione del pulsante: Sinistra, centro e destra

contact-settings2

 

Blocco Newsletter

Per ottenere l'e-mail del cliente, è possibile creare il blocco e-mail facendo clic su notiziario pulsante nella categoria Advanced Gutenberg.

 

notiziario

 

Puoi modificare le impostazioni della Newsletter sul pannello di destra.

  • Avviso: Non apparirà se abiliti l'opzione reCAPTCHA in Impostazioni.

  • Impostazioni del modulo:

    • Stile modulo: predefinito / alternativo

    • Larghezza della forma (px)

  • Etichetta di testo:

    • Email segnaposto di input

    • Invia il testo

    • Testo di avviso di campo vuoto

    • Invia il testo di successo

 

newsletter-settings1

 

  • Colore di input: Colore di sfondo e colore del testo

  • Impostazioni del bordo: Colore bordo, Stile bordo e Raggio bordo

  • Impostazioni pulsante di invio:

    • Impostazioni colore: Bordo e testo, sfondo

    • Raggio del bordo del pulsante

 

newsletter-settings2

 

Blocco gestione colonne

Se vuoi creare un blocco contenente altri blocchi all'interno, dovresti scegliere Manager di colonne nella categoria Advanced Gutenberg. Apparirà lo stile per il blocco quando ne crea uno nuovo.

 

add-colonna-manager-block

 

Quindi puoi aggiungere qualsiasi tipo di blocco desiderato in ogni colonna. Ecco un blocco di manager di colonne include 2 colonne: quella di sinistra è Immagine avanzata e quella di destra è Paragrafo, Elenco avanzato.

 

colonna-manager-block

 

E sul pannello di destra, puoi regolare i settaggi del blocco di Column Manager.

  • Impostazioni reattive

    • Stile per ogni tipo di dispositivo: desktop, tablet, mobile

    • Spazio tra le colonne

    • Imbottitura: in alto, a destra, a sinistra e in basso

    • Margine: in alto, a destra, a sinistra e in basso

 

column-settings-1

 

 

  • Impostazioni di riga

    • Colonne avvolte: se le colonne sono troppo larghe, verranno separate in una nuova riga (ad esempio: utilizzare questa opzione con Spaziatura colonne).

    • Tag wrapper: Div, Header, Main, ...

    • Contenuto larghezza massima (px vw,%)

    • Altezza minima contenuto (px, vw, vh)

    • Contenuto Altezza massima (px, vw, vh)

 

column-settings-2

 

Accedi / Registrati Blocco modulo

Puoi creare un modulo di accesso o registrarti per il tuo sito web cliccando Modulo di accesso / registrazione pulsante nella sezione Advanced Gutenberg.

 

login-form-block

 

E puoi passare dalla vista Login a Register sulla barra di navigazione di questo blocco o sul pannello di destra.

 

login-registrare-forma

 

E quindi puoi andare al pannello di destra per modificare ulteriori dettagli sul modulo.

  • Modulo iniziale: Login o Registrati

  • Reindirizzamento dopo l'accesso: Home, Dashboard o Personalizzato

  • Larghezza del modulo (Px)

  • Mostra logo

  • Larghezza logo (Px)

  • Mostra l'icona del campo di input

  • Mostra link registro / intestazione

  • Colore intestazione

  • Mostra collegamento password persa

 

form-stato-setttings

 

  • Inserisci segnaposto

    • Segnaposto di input di accesso

    • Segnaposto di input nome utente

    • Email segnaposto di input

  • Colore testo / input

    • Inserisci il colore di sfondo

    • Colore di input

    • Colore del testo

  • Impostazioni del bordo

    • Colore del bordo

    • Stile del bordo

    • Larghezza del bordo

 

ingresso-placeholder-settings

 

  • Impostazioni pulsante di invio

    • Bordo e testo

    • sfondo

    • Raggio del bordo del pulsante

    • Posizione del pulsante

  • Pulsante di passaggio del mouse

    • Colori al passaggio del mouse: Colore di sfondo, testo e ombra

    • Ombra: Opacità, velocità di transizione e offset ombra (H (orizzontale), offset V (verticale), sfocatura, diffusione)

  • Avviso: Raccomandiamo vivamente di abilitare Google reCaptcha per evitare il bot spam. Puoi abilitarlo in Modulo Recaptcha in Adv. Gutenberg> Email e modulo .

 

submit-button-settings

 

Blocco barra di ricerca

È possibile creare una casella di testo di ricerca sul frontend facendo clic su Barra di ricerca pulsante nella categoria Advanced Gutenberg.

 

Ricerca-bar-block

 

È possibile regolare le impostazioni della barra di ricerca sul pannello di destra.

  • stili: ci sono 2 stili predefiniti: predefinito e classico

  • Stato della barra di ricerca

    • Larghezza intera: acceso / spento

    • Larghezza

  • Cerca icona impostazioni

    • Icona di ricerca sulla destra: On / Off

    • Icona di ricerca

 

Ricerca-bar-settings

 

  • Cerca impostazioni di input

    • Cerca segnaposto

    • Colore di input: colore di sfondo e testo

 

Ricerca-ingresso-settings

 

  • Impostazioni dei pulsanti di ricerca

    • Mostra pulsante di invio: On / Off

    • Pulsante di ricerca a sinistra: acceso / spento

    • Colore di sfondo e testo

    • Raggio di confine

  • Colori al passaggio del mouse: Colore di sfondo, testo e ombra

  • Hover Shadow: Opacità, velocità di transizione e offset ombra (H (orizzontale), offset V (verticale), sfocatura, diffusione)

 

Ricerca-button-settings

 

2.2. Configurazione

Per utilizzare la funzione lightbox e didascalia per le immagini è necessario abilitare il Apri gallerie in lightbox e Didascalia immagine opzioni rispettivamente in Scheda Configurazione di Advanced Gutenberg nelle impostazioni.

 

ADV-Gutenberg-impostazioni

 

  • Apri gallerie in lightbox: Apri le immagini della galleria come popup in stile lightbox

  • Didascalia immagine: Carica l'attributo immagini (alt) come didascalia per le immagini lightbox

  • Rimuovi Autop: Rimuovere la funzione di WordPress autop, utilizzata per impedire l'aggiunta di paragrafi indesiderati in alcuni blocchi

  • Chiave API di Google: questa chiave API è necessaria per utilizzare il blocco mappa

Impostazioni dei blocchi

  • Abilita spaziatura dei blocchi: Applica automaticamente la spaziatura minima del blocco verticale: il valore predefinito è none e i valori dovrebbero essere espressi in pixel

  • Colore dell'icona dei blocchi: Imposta il colore per le icone dei blocchi su admin, si applica solo ai blocchi Advanced Gutenberg

  • Larghezza dell'editor: Definire la dimensione della larghezza dell'editor Gutenberg dell'amministratore

  • Miniatura predefinita: Imposta la miniatura del post predefinito da utilizzare nei blocchi Messaggi recenti

  • Abilita la guida visiva delle colonne: Abilita il confine per materializzare Adv. Gutenberg Blocco di colonne

Puoi anche trovare Adv. Impostazioni di Gutenberg nell'angolo in alto a destra del tuo editor, accanto al impostazioni icona.

 

Editor-adv-Gutenberg-impostazioni

 

2.3 Configurazione dei blocchi predefiniti

 

Per regolare i blocchi in Advanced Gutenberg, puoi andare al menu Advanced Gutenberg> Configurazione> Blocchi predefiniti Scheda Config.

 

default-blocchi-config

 

Per ciascun blocco, puoi modificare le sue impostazioni predefinite facendo clic sull'adiacente impostazioni icona.

 

Blocchi-edit

 

2.4 Email e modulo

Impostazioni dell 'email

È possibile impostare le informazioni su mittente e destinatario Modulo di Contatto bloccare:

 

impostazioni dell 'email

 

Modulo ReCaptcha

Innanzitutto, dovresti registrare reCaptcha sul tuo sito Qui, quindi fare clic su Console di amministrazione pulsante per inserire le informazioni.

Successivamente, riempi il sito reCAPTCHA e la chiave segreta reCAPTCHA. Ricorda di abilitare l'opzione reCAPTCHA. È anche possibile selezionare la lingua e il tema per reCAPTCHA.

 

form-Recaptcha

 

Dati dei moduli

Da qui puoi scaricare Modulo di Contatto e Modulo Newsletter dati. È possibile esportare un file .CSV o .JSON.

 

form-data

 

2.5 Stili personalizzati

Il Advanced Gutenberg la configurazione consente inoltre di definire snippet CSS personalizzati che possono essere utilizzati nell'editor e nelle opzioni dei tag HTML. Per utilizzare gli stili personalizzati, accedere a Stili personalizzati pagina da Advanced Gutenbergè il menu di sinistra.

Per creare un nuovo stile, fare clic su "Aggiungi nuova classe" pulsante nella parte inferiore dell'elenco di stili. Puoi modificare il tuo CSS direttamente nel campo CSS personalizzato.

 

custom-stili-Gutenberg

 

Tutte le modifiche apportate verranno visualizzate nella parte sinistra della pagina. Verranno applicati alla stringa con "Testo di esempio". Il testo sopra e sotto la stringa mostra come appariranno i tuoi stili tra il resto degli elementi. Dopo aver modificato il tuo stile personalizzato, salvalo utilizzando il "Salva stili" pulsante.


Per applicare uno stile all'elemento nell'editor, selezionare l'elemento e scegliere uno stile dall'elenco a discesa denominato "Stili personalizzati". Per ripristinare lo stile predefinito ed eliminare tutti gli stili personalizzati, scegliere "Paragrafo" opzione.

 

custom-css-style-block