L'editor di testo della pagina

Pagine ti consente di creare qualsiasi tipo di pagina basata su informazioni utilizzando oltre 100 blocchi di contenuti con il semplice generatore di pagine drag-and-drop di Pixpa.

Puoi organizzare, modifica e personalizza questi blocchi di contenuti per creare pagine uniche per mostrare i tuoi contenuti.
Controllare anche: Comprendere sezioni e frammenti.

Nel generatore di pagine, puoi facilmente aggiungere sezioni e trascina e rilascia frammenti dalla barra laterale sinistra nell'area della tela della pagina.

Dopo aver inserito una sezione nella tua pagina, puoi modificare i singoli elementi snippet (testo, immagini, pulsanti) al suo interno.

Basta spostare il cursore sull'area della tela della pagina, tutti i singoli frammenti verranno evidenziati al passaggio del mouse. Quindi, fai clic su qualsiasi frammento per modificarlo.

Guarda come modificare il contenuto in azione: 

Ecco cosa puoi fare nell'area della tela della pagina: 

1. Metti in sequenza i frammenti.
2. Duplica i frammenti.
3. Elimina uno snippet specifico.
4. Annulla le modifiche recenti.
5. Applicare grassetto/corsivo/sottolineato e altra formattazione al testo.
6. Cambia il colore del testo e il colore di sfondo dello snippet.
7. Applicare la formattazione del testo o modificare lo stile del carattere.
8. Cambiare il testo allineamento.
9. Crea elenchi ordinati e non ordinati.
10. Applicare un collegamento ipertestuale al testo.
11. Aggiungi un simbolo.
12. Rimuovi la formattazione pre-testo.
13. Modifica l'HTML di un'intera pagina.

Casella degli strumenti frammento e barra degli strumenti di modifica

Facendo clic su qualsiasi frammento, vedresti il ​​file Cassetta degli attrezzi per frammenti del singolo frammento sul lato destro e il Barra degli strumenti di modifica sulla cima.

Ci sono 4 opzioni nella barra degli strumenti dello snippet: 

• Trascinare ( ✥ ) – Usato per mettere in sequenza i frammenti trascinandoli.
• duplicare – Utilizzato per duplicare lo snippet.
• Strumenti elemento – Utilizzato per visualizzare l'opzione Aggiungi nuovo frammento, duplica un frammento, sposta su/giù il frammento ed elimina un singolo frammento.
• Elimina – Utilizzato per eliminare lo snippet.

1. Sequenza degli snippet

• Puoi mettere in sequenza il tuo frammento trascinandolo. Basta tenere il trascinare e trascina lo snippet su tutti i blocchi di una pagina e rilascialo nella posizione desiderata.

Guarda gli snippet di sequenza in azione:

2. Duplica il tuo snippet

• Puoi duplicare qualsiasi frammento esistente facendo clic sull'icona di duplicazione.

Guarda la duplicazione degli snippet in azione:

3. Elimina il tuo frammento

• Puoi eliminare qualsiasi snippet dalla tua pagina facendo clic sull'icona di eliminazione.

Guarda l'eliminazione degli snippet in azione:

4. Annulla le modifiche recenti

• È possibile annullare le recenti modifiche basate sul testo premendo Ctrl (finestre) o ⌘ (Mac) +Z. 

5. Grassetto / Corsivo / Sottolineato / Barrato ecc

• Puoi facilmente modificare il testo del frammento facendo clic su di esso. Basta selezionare il testo e fare clic sull'icona della barra degli strumenti di modifica rispettivamente su Grassetto, Corsivo, Sottolineato.

Guarda in azione:

6. Colore del testo/Sfondo del testo e Colore di sfondo della sezione

Puoi selezionare un colore per il testo e lo sfondo del testo in due modi:

1. Palette
2. Colore personalizzato

Palette

All'interno di questa scheda, le opzioni di colore disponibili rispecchieranno quelle della tavolozza dei colori scelta da Sezione di progettazione.

Verranno recuperati e aggiornati automaticamente ogni volta che apporti modifiche alla tavolozza dei colori per il tuo sito web. Scopri di più sulle tavolozze dei colori.

Colore personalizzato

Qui troverai un selettore di colori in cui puoi selezionare un colore e scegliere tra varie tonalità disponibili.

Inoltre, puoi inserire un codice colore esadecimale e anche ottimizzare l'opacità del colore.

Segui i passaggi indicati di seguito per selezionare un colore per il testo e lo sfondo del testo:

• Fare clic su un particolare frammento, selezionare il testo e fare clic su Colore (1) icona. Vedrai una finestra pop-up in cui puoi scegliere di selezionare un colore Opzioni colore tavolozza o Colore personalizzato (2).
• Selezionare un Colore del testo ed Colore riempimento (3) Cioè, il colore di sfondo del testo.
• Aggiusta il Opacità (4) del colore utilizzando il cursore.
• Puoi anche utilizzare inserire un codice colore esadecimale (5) e applicare lo stesso al testo/sfondo del testo.
• Infine, Risparmi (6) le modifiche.

• I Ssezione Colore di sfondo (7) può essere modificato da Color Style opzione.

• Puoi anche modificare o rimuovere il colore/lo stile applicato. Basta selezionare il testo e fare clic sul Icona Pulisci (8) per rimuovere la combinazione di colori esistente.
• Risparmi (9) le modifiche.

Guarda in azione:

7. Stile del carattere del testo

• Puoi usare quattro diversi tipi di stili di carattere sulle tue pagine (alla volta) che sarebbero specificati nel file Sezione di progettazione. Questo è uno stile di design comune utilizzato in tutte le pagine.
  • 1 Header Stile → Carattere del titolo e stile → etichetta
  • 2 Header Stile → Carattere del titolo e stile → etichetta
  • 3 Header Stile → Carattere dei sottotitoli e stile → etichetta
  • 4 Header Stile → Sottotitolo / Tipo di carattere e stile → etichetta
  • Testo del paragrafo Stile → Carattere di paragrafo e stile → etichetta

• Una volta specificato lo stile del carattere nel file Design sezione, puoi utilizzarli in modo efficiente in tutta la pagina. Basta selezionare il testo e applicare la formattazione nell'editor di pagine.
  Controlla anche: Stile del testo del sito web.
• Il sistema applicherà automaticamente il carattere, il colore, la dimensione e il peso di quel particolare stile di carattere al testo selezionato. Puoi rivedere lo stesso sul sito live e sull'editor.

Guarda in azione:

8. Allineamento del testo

• Puoi gestire l'allineamento del testo dello snippet - Sinistra / Centro / Destra e giustificare facendo clic sull'icona di allineamento nella barra degli strumenti di modifica.

Guarda in azione:

9. Elenco – Ordinato e non ordinato / Rientro / Rientro esterno

• Puoi facilmente convertire il tuo testo in elenchi con indentazione e organizzarli.
  • trattino – Un'area di testo evidenziata verrà rientrata.
  • Rientro esterno – Un'area di testo evidenziata non sarà rientrata. Per superare il rientro, fai clic sull'icona dell'elenco non ordinato/ordinato che hai applicato in precedenza.
  • Lista non ordinata – Il testo evidenziato verrà formattato come un elenco puntato. In HTML, questo utilizza un insieme di e tag.
  • Lista ordinata – Il testo evidenziato verrà formattato come un elenco numerato. In HTML, questo utilizza un insieme di e tag.

Guarda in azione:

10. Aggiungi un collegamento

• Puoi facilmente aggiungere un collegamento al tuo testo (collegamento ipertestuale/tag di ancoraggio).
• Evidenziare il testo e premere il link pulsante nella barra degli strumenti di modifica. Puoi collegare le pagine del tuo sito Web esistente o qualsiasi altro sito Web/blog/PDF ecc.
• Facendo clic, verrà visualizzata una finestra pop-up in cui è possibile inserire URL o slug (1), scegliere se aprire o meno in una nuova finestra (2), testo del collegamento/pulsante (3), Titolo – utilizzato in caso di solo immagini (4).

Controlla anche: Testo/pulsante di collegamento.

11. Aggiungi un simbolo

• Puoi facilmente aggiungere o sostituire un simbolo (social, arte, numero, ecc.) nell'editor di pagine.
• Vai a qualsiasi frammento e fai clic nel punto in cui desideri aggiungere il nuovo simbolo o fai clic su un simbolo esistente per sostituirlo.
• Quindi, fare clic su Emoji simbolo e aggiungi i simboli dal cassetto di destra.

Scopri come aggiungere diversi tipi di simboli alla tua pagina:

12. Rimuovere la preformattazione dal testo incollato

• Se copi il testo preformattato direttamente da Word, Powerpoint o qualsiasi pagina Internet, l'editor di pagine tende a confondere il testo.
• Quindi, devi prima rimuovere la preformattazione dal tuo testo in modo da poter applicare lo stile del carattere Pixpa che è impostato nel Design .
• Basta selezionare l'intero testo dello snippet e premere il cavedano pulsante.
• Rimuoverà la preformattazione e applicherà lo stile del testo in paragrafi a tutto il testo nella maggior parte dei casi.
  Vedi qui per saperne di più .

13. Codice HTML di tutti i frammenti

• Puoi copiare o modificare il codice HTML di tutti i frammenti di una pagina in una volta sola.
• Ti aiuterebbe a duplicare il tuo blocco esistente su una pagina.

Controlla anche: Modifica pagina HTML.

Scopri come visualizzare il codice HTML di una pagina:

Articoli Correlati:

• Sezione Impostazioni.
• Sezione – Stile contenuto.
• Tipi di sezioni.