Creare la tua prima pagina.
Crea una pagina con DXPR Builder: un’immagine accanto a un titolo, un breve paragrafo e un pulsante. Puoi anche partire da un modello pronto e cambiarne le parole. In entrambi i casi bastano pochi minuti, e finisci con una pagina salvata che vedi in anteprima come la vedranno i visitatori. Usa questa pagina dopo aver installato DXPR Builder.
Il video crea la pagina da zero: sezione, riga, immagine, pulsante e testo, poi salvataggio e anteprima.
Prima di iniziare
- DXPR Builder è installato con la tua chiave prodotto (Installare DXPR Builder).
- Un tipo di contenuto mostra il page builder: il suo campo di testo usa il formatter DXPR
Builder, come Drag and drop Page di
dxpr_builder_page. - Il tuo ruolo ha il permesso Modifica con DXPR Builder.
Crea la pagina
- Vai a Contenuti > Aggiungi contenuto e scegli un tipo di contenuto che mostra il page builder.
- Digita un Titolo e fai clic su Salva.
La pagina salvata si apre con un page builder vuoto. DXPR Builder lavora su questa pagina, non sul form di modifica.
Opzione A: parti da un modello
La scheda Modelli salvati elenca i layout che le persone del tuo sito hanno salvato per riusarli. DXPR CMS ne include diversi, come Colored icon boxes. Su altri siti la scheda può essere vuota; Scegli un modello sulla pagina vuota offre allora i modelli di pagina inclusi in DXPR Builder. Inserire un modello salvato mostra questi passaggi in un video.
- Fai clic su Aggiungi elementi per aprire il selettore di elementi.
- Passa alla scheda Modelli salvati.
- Fai clic su un modello per inserirlo. Le sue sezioni, righe ed elementi appaiono sulla pagina, pronti per la modifica.
- Fai clic su Salva nella barra degli strumenti.
- Apri il menu dell’occhio e scegli Anteprima per vedere la pagina come la vedranno i visitatori.
Opzione B: crea da zero
Il video qui sopra segue questi passaggi.
- Fai clic su Aggiungi elementi e scegli Sezione nella scheda Layout.
- Fai clic su + nella barra di controllo della sezione e scegli Riga.
- Fai clic sull’icona della griglia sulla riga, scegli un preset di colonne come 1/3 + 2/3 e fai clic su Salva.
- Fai clic su + nella colonna di sinistra, apri la scheda Contenuto e scegli Immagine.
- Fai clic su Seleziona immagine, cerca nel browser multimediale con Applica filtri, spunta una foto e fai clic su Inserisci selezionati.
- Apri il pannello SEO, digita l’attributo alt e fai clic su Salva.
- Fai clic su + nella colonna di destra e scegli Pulsante.
- Digita Titolo e Link, scegli un Tipo e fai clic su Salva.
- Fai clic su + nella barra di controllo della colonna larga e scegli Testo.
- Digita un titolo, impostalo su Intestazione 2, digita un paragrafo sotto e fai clic su Salva.
- Fai clic su Salva nella barra degli strumenti.
- Apri il menu dell’occhio e scegli Anteprima per vedere la pagina come la vedranno i visitatori. Scegli Modifica nello stesso menu per continuare a lavorare.
Modifica ciò che hai aggiunto
- Testo: fai clic su un elemento Testo per modificarlo sul posto. Una barra degli strumenti offre grassetto, corsivo, intestazioni, link, elenchi, colore del carattere e altro. Il tuo profilo utente decide quali pulsanti appaiono.
- Impostazioni: apri Altro nella barra di controllo di un elemento e scegli Impostazioni. Un’immagine ha larghezza, altezza, un link e il suo testo alternativo; un pulsante ha un Tipo, una dimensione e un link.
- Ordine: trascina un elemento per la sua barra di controllo in un altro punto.
Fai clic su Salva nella barra degli strumenti quando hai finito. Il browser ti avvisa se provi a lasciare la pagina con modifiche non salvate.
Cosa vedi
In Anteprima, l’immagine sta a sinistra. Il titolo, il paragrafo e il pulsante stanno a destra, senza barre di controllo. Di nuovo in Modifica, ogni elemento mostra la sua barra di controllo quando ci passi sopra. DXPR Builder memorizza la pagina come HTML nel campo che modifica, di solito Body. I visitatori vedono la pagina una volta pubblicato il contenuto.
Se non vedi il pulsante Aggiungi elementi
- La pagina vuota mostra “Scegli un modello” e “Oppure aggiungi elementi usando il +”. Abilita l’assistente di creazione pagine è disattivata in
/admin/dxpr_studio/dxpr_builder/ai_settings. Fai clic su + nella barra degli strumenti del page builder per aprire invece il selettore di elementi. - La pagina non mostra alcun page builder. Il tipo di contenuto non usa il formatter DXPR Builder, o al tuo ruolo manca Modifica con DXPR Builder. Segui Verifica l’installazione.
- La scheda Modelli salvati non elenca modelli. Nessuno sul sito ne ha ancora salvato uno, o il tuo profilo utente li nasconde. Usa Scegli un modello nella pagina vuota, oppure salva il tuo.
- Le tue modifiche sono sparite dopo un ricaricamento. La pagina non era stata salvata. Fai clic su Salva nella barra degli strumenti del page builder prima di lasciare la pagina.
Passi successivi
- Gli strumenti di modifica: ogni controllo, più le scorciatoie da tastiera.
- Elementi: tutti i 22 elementi di contenuto e i 6 elementi di layout.
- Layout: sezioni, righe e colonne che si adattano a ogni schermo.