L'editor WYSIWYG (What You See Is What You Get) di Pixpa offre un'interfaccia potente e intuitiva per aggiungere e formattare contenuti in pagine, blog e altre sezioni del tuo sito web. Con l'ultimo aggiornamento, l'editor è stato notevolmente migliorato, offrendo nuovi elementi di contenuto, strumenti di scrittura basati sull'intelligenza artificiale, opzioni di layout ottimizzate e controlli di formattazione interattivi.

Questa guida illustra l' interfaccia dell'editor , come utilizzare le sue funzionalità e come ottimizzare i contenuti per il tuo sito web.

In questo articolo:

• Pulsante più (+)
• Strumenti di intelligenza artificiale
• Formato – Cambia stile carattere
• Grassetto / Corsivo
• Linea: aggiungi una linea
• Altre opzioni di formattazione
• allineamento
• Colore del testo
• Elenco – Puntato/Numerato
• Link – Aggiungi link
• Immagine – Aggiungi immagini
• Emoji
• Tabella – Aggiungi tabelle
• Inserisci indice
• Presentatrice
• Visualizzazione del codice HTML
• Opzioni specifiche della sezione

---

Aggiungere elementi utilizzando il pulsante “+”

Una delle principali novità del nuovo editor è il pulsante "+" , che apre un menu con diversi elementi di contenuto che possono essere inseriti nell'area di testo.

Elementi disponibili sotto il pulsante “+”:

• Strumenti IA: Utilizza l'assistenza alla scrittura basata sull'intelligenza artificiale per generare idee di contenuti, riscrivere testi o creare contenuti rapidamente. Scopri di più.
• Testo: Aggiungere testo di paragrafo standard.
• Intestazione: Inserire diversi livelli di intestazione (H1, H2, H3, ecc.) per una migliore gerarchia dei contenuti.
• Immagine: Carica e inserisci le immagini direttamente nel testo.
  • Puoi caricare immagini o inserirle inserendo un URL.
• Lista di cose da fare: Crea liste di controllo con caselle di controllo interattive.
• Lista: Aggiungi elenco puntato or liste numerate per contenuti strutturati.
• Incorporare: Inserire contenuti esterni come video, mappe, file audio e iframe.
• Tabella: Aggiungi tabelle per la rappresentazione dei dati strutturati. Sotto l'opzione tabella, troverai le seguenti opzioni aggiuntive.
  • Aggiungi testa – Inserisce una riga di intestazione nella parte superiore della tabella, che può essere utilizzata per i titoli delle colonne.
  • Aggiungi colonna prima – Aggiunge una nuova colonna a sinistra della colonna selezionata.
  • Aggiungi colonna dopo – Aggiunge una nuova colonna a destra della colonna selezionata.
  • Aggiungi riga sotto – Inserisce una nuova riga sotto la riga selezionata.
  • Aggiungi riga sopra – Inserisce una nuova riga sopra la riga selezionata.
  • Togliere la testa – Rimuove la riga di intestazione dalla tabella.
  • Rimuovi colonna – Elimina la colonna selezionata.
  • Rimuovi riga – Elimina la riga selezionata.
  • Elimina tabella – Rimuove l’intera tabella dall’editor.
• Citazione: Evidenzia il testo come citazione in blocco per enfatizzare. Ciò crea un blocco di testo distinto con una linea verticale sulla sinistra, separandolo visivamente dal resto del contenuto per evidenziare il testo citato.
• Frammento di codice: Inserisci e formatta HTML, CSS, JavaScript o altri linguaggi di programmazione all'interno del contenuto.
• Linea: Aggiungere un divisorio orizzontale per separare le sezioni di contenuto.

• Layout: Utilizzando l' opzione Layout , è possibile organizzare il contenuto in blocchi orizzontali distribuiti su più sezioni. Ciò consente una strutturazione flessibile e una migliore gerarchia visiva della pagina web. Di seguito sono elencate le caratteristiche principali:

  • Layout a più colonne: Scegli tra una, due, tre o quattro colonne per organizzare i contenuti in modi diversi.
  • Rapporti di divisione personalizzati: Seleziona rapporti predefiniti come 60/40 o 40/60 per controllare la larghezza di ciascuna sezione.
  • Blocchi nidificati: È possibile selezionare un blocco e creare al suo interno più blocchi separati per una migliore organizzazione.
• Involucro: Raggruppa più elementi per una migliore organizzazione.
• Inserisci ToC: Crea un indice basato sulle intestazioni dei documenti, rendendo più semplice la navigazione. È utile per blog, tutorial e articoli lunghi, consentendo ai lettori di passare rapidamente alle sezioni.

Questo approccio modulare semplifica la personalizzazione del layout e consente di aggiungere in modo efficiente diversi elementi di contenuto.

---

Strumenti di intelligenza artificiale

La funzionalità AI Tools nel Pixpa Text Editor ti consente di migliorare i tuoi contenuti con l'assistenza basata sull'intelligenza artificiale. Ecco le opzioni disponibili:

• Riformula – Modifica il testo selezionato mantenendo intatto il significato originale. Ciò aiuta a migliorare la leggibilità o a riformulare le frasi per una maggiore chiarezza.
• Accorciare – Condensa il testo selezionato per renderlo più conciso, mantenendo però le informazioni chiave.
• Allungare – Espandi il testo selezionato aggiungendo dettagli rilevanti per renderlo più descrittivo e informativo.
• Semplifica – Riscrivere il testo utilizzando un linguaggio più semplice, rendendolo più facile da comprendere ma preservandone l’intento originale.
• Grammatica corretta – Controlla e correggi automaticamente gli errori grammaticali nel testo selezionato, migliorandone l’accuratezza e la leggibilità.
• Traduci – Traduci il testo selezionato in un'altra lingua, consentendoti di creare contenuti multilingue senza sforzo.

Queste funzionalità basate sull'intelligenza artificiale contribuiscono a semplificare la creazione di contenuti, rendendola più rapida ed efficiente.

---

Formato: modifica lo stile del carattere

Sul tuo sito web puoi utilizzare diversi stili di carattere (contemporaneamente), che andranno specificati nella sezione Design . Questo è uno stile di design comune utilizzato in tutto il sito.

Tutti gli stili dei caratteri sono specificati nella sezione di progettazione . Puoi anche fare clic su Gestisci caratteri , che è l'ultima opzione nel menu a tendina quando fai clic sul pulsante Testo . Ora puoi visualizzare e impostare i seguenti caratteri e modificarne stile, dimensione, colore, spessore, interlinea e spaziatura tra le lettere:

• Rubrica 1
• Rubrica 2
• Rubrica 3
• Rubrica 4
• Testo del paragrafo (piccolo e grande)
• Titolo 1 Extra Large

Ecco uno screenshot dello stile Titolo 1. Qui puoi modificare anche gli altri caratteri dei paragrafi delle intestazioni.

Dopo aver specificato lo stile del carattere nella sezione del design, puoi utilizzarli in modo efficiente in tutto il sito web. Basta selezionare il testo e applicare la formattazione. Il sistema applicherà automaticamente il colore, la dimensione e il peso dei caratteri di quel particolare stile al testo selezionato. Puoi rivedere lo stesso sul sito web.

---

Grassetto/Corsivo

• Grassetto – Il testo evidenziato diventerà in grassetto quando si fa clic su di esso. In HTML, questo utilizza un tag.
• Italico – Il testo evidenziato diventerà corsivo quando si fa clic su di esso. In HTML, utilizza il

---

Linea: aggiungi una linea

L'Editor consente di aggiungere una linea orizzontale. Cliccando su questa icona verrà aggiunta una linea nel punto in cui è posizionato il cursore.

---

Altre opzioni di formattazione

Il menu More Formatting (Altra formattazione) nell'editor di testo Pixpa fornisce opzioni di stile del testo aggiuntive per migliorare l'aspetto e la struttura del contenuto. Ecco cosa fa ogni opzione:

• Code – Formatta il testo selezionato come codice in linea o frammento di codice. È utile per visualizzare contenuti di programmazione o tecnici.
• sottolineare – Aggiunge una sottolineatura al testo selezionato per enfatizzarlo.
• Presentatrice – Aggiunge un'ancora denominata al testo selezionato, consentendo di creare link interni che saltano direttamente a quella sezione specifica sulla stessa pagina. Utile per creare un indice o una navigazione in-page.
• indice – Visualizza il testo selezionato leggermente al di sopra della normale linea di base del testo (ad esempio, X²). Comunemente utilizzato per espressioni matematiche e note a piè di pagina.
• deponente – Visualizza il testo selezionato leggermente al di sotto della normale linea di base del testo (ad esempio, H₂O). Utile per formule chimiche e altre notazioni speciali.
• In evidenza – Evidenzia il testo selezionato con un colore di sfondo per richiamare l'attenzione sui contenuti importanti.
• Soppresso – Barra il testo selezionato per indicare eliminazioni o correzioni.
• Cancella tutti gli stili – Rimuove tutta la formattazione applicata al testo selezionato, ripristinando lo stile predefinito.

---

allineamento

Puoi allineare il testo a sinistra, a destra, al centro e giustificato. Seleziona il testo e scegli l'allineamento dal menu a discesa.

---

Colore del testo

Per impostazione predefinita, il sistema applicherà il colore del carattere specificato nella sezione di progettazione . Tuttavia, è possibile sovrascrivere il colore globale con questo strumento. Seleziona il testo e fai clic sull'icona del colore: apparirà una tavolozza di colori standard tra cui scegliere.

Oltre a questo, da qui puoi anche specificare un colore di sfondo per il testo selezionato.

Nota: è possibile specificare qualsiasi altro colore personalizzato non disponibile nella tavolozza dei colori tramite l'opzione Imposta colore , inserendo il codice esadecimale del colore.

---

Lista

Puoi facilmente convertire il tuo testo in elenchi con rientri per organizzarli.

• Elenco puntato – Il testo evidenziato verrà formattato come un elenco puntato. In HTML, questo utilizza un insieme di e tag.
• Elenco numerato – Il testo evidenziato verrà formattato come un elenco numerato. In HTML, questo utilizza un insieme di e tag.

---

Link: aggiungi un link al tuo testo

L'Editor ti permette di inserire un link a qualsiasi testo. Puoi collegare le pagine del tuo sito Web esistente o qualsiasi altro sito Web/blog/PDF ecc.

Evidenziando il testo e facendo clic su questo pulsante si aprirà una piccola finestra modale in cui è possibile inserire l'URL di destinazione, scegliere se aprire o meno in una nuova finestra o scegliere di collegarsi a un'altra pagina sul proprio sito. In HTML, il tag utilizzato è Link Text

---

Immagine: aggiungi un'immagine

Puoi aggiungere facilmente immagini al tuo contenuto usando l'opzione Aggiungi immagine nell'editor di testo Pixpa. Che tu voglia caricare immagini dal tuo dispositivo o inserirle tramite un URL, questa funzionalità fornisce un modo semplice per migliorare i tuoi post con elementi visivi.

• Inserisci immagine tramite URL – Puoi incollare l’URL di un’immagine e cliccare sul pulsante Inserisci per aggiungerla direttamente alla pagina.
• Carica immagine dal dispositivo – Puoi trascinare e rilasciare un'immagine nella casella di caricamento designata oppure cliccare all'interno della casella per selezionare un'immagine dal tuo dispositivo.

---

Emoji

L'opzione Emoji nell'editor di testo Pixpa ti consente di migliorare i tuoi contenuti con una varietà di emoji. Le emoji possono essere utilizzate per rendere i tuoi contenuti più espressivi, aggiungere enfasi o trasmettere emozioni in modo divertente e creativo.

---

Table

L'opzione Tabella consente di inserire tabelle direttamente nell'editor di testo. Una volta aggiunte, è possibile personalizzare la struttura e il contenuto della tabella utilizzando più opzioni di formattazione.

Opzioni di modifica della tabella:

• Aggiungi testa – Aggiunge una riga di intestazione nella parte superiore della tabella per evidenziare i titoli delle colonne.
• Aggiungi colonna prima – Inserisce una nuova colonna a sinistra della colonna selezionata.
• Aggiungi colonna dopo – Inserisce una nuova colonna a destra della colonna selezionata.
• Aggiungi riga sotto – Inserisce una nuova riga sotto la riga selezionata.
• Aggiungi riga sopra – Inserisce una nuova riga sopra la riga selezionata.
• Rimuovi la testa – Rimuove l'intestazione della tabella se ne è stata aggiunta una.
• Rimuovi colonna – Elimina la colonna selezionata dalla tabella.
• Rimuovi riga – Elimina la riga selezionata dalla tabella.
• Elimina tabella – Rimuove completamente la tabella dall’editor.

---

Inserisci indice

Crea un indice basato sulle intestazioni dei documenti, rendendo più semplice la navigazione. È utile per blog, tutorial e articoli lunghi, consentendo ai lettori di passare rapidamente alle sezioni.

---

Presentatrice

Lo strumento Ancora consente di aggiungere un ID HTML univoco a una sezione o a un paragrafo del tuo articolo. Questo è utile per creare link interni alla pagina (link di salto), permettendo ai visitatori di cliccare su un link ed essere indirizzati direttamente a una parte specifica della pagina.

Come usarlo:

1. Fare clic in un punto qualsiasi del paragrafo o della sezione che si desidera ancorare.
2. Dalla barra degli strumenti, fare clic su Icona dell'ancora.
3. Apparirà un popup intitolato "Ancora".
4. Nel “Aggiungi o modifica ID” campo, inserisci un ID univoco (ad esempio, paragraph-2).
5. Clicchi Salva.

Note importanti:

• L'ID dovrebbe essere minuscolo, contenere no spazie utilizzare trattini se necessario.
• Una volta impostato, puoi collegarti a questo ancoraggio utilizzando #your-id alla fine del tuo URL.
  • Esempio: https://yourwebsite.com/page#paragraph-2

Questa funzionalità è ideale per i post lunghi o gli articoli con indice, poiché consente ai lettori di passare rapidamente a sezioni specifiche.

---

Visualizzazione del codice HTML

La finestra dell'editor può funzionare come editor visivo (WYSIWYG) o come editor HTML.

Tuttavia, puoi passare all'editor HTML facendo clic su di esso. Puoi modificare qualsiasi cosa dalla visualizzazione del codice se sai come farlo o puoi anche inviare un ping al team di supporto di Pixpa se hai bisogno di aiuto.

---

Opzioni specifiche della sezione

Ogni sezione aggiunta all'editor di testo è dotata di opzioni di personalizzazione aggiuntive, che consentono di modificarne l'aspetto e la funzionalità. È possibile accedere a queste impostazioni facendo clic sulle due linee orizzontali accanto alla sezione, che aprono un menu a discesa con vari controlli.

• Aggiungi – Inserisci un nuovo blocco di contenuto sotto quello corrente per aggiungere rapidamente altro testo, immagini o altri elementi.
• Formato – Consente di passare da uno stile di blocco di testo all'altro, come paragrafo, intestazione o citazione.

• Presentatrice – Aggiunge un ID di ancoraggio al blocco in modo da poter creare collegamenti nella pagina che rimandano direttamente a questa sezione.
• Sposta su / Sposta giù – Riorganizza la posizione della sezione all'interno del contenuto spostandola verso l'alto o verso il basso.
• Colore – Cambia il colore del testo per il blocco selezionato.
• Colore di sfondo – Imposta un colore di sfondo dietro il testo nel blocco per enfatizzare o creare contrasto.
• Confine – Aggiungi o modifica i bordi attorno alla sezione per strutturare il contenuto in modo più efficace.

• Spaziatura – Regola la spaziatura attorno al blocco, inclusi la parte superiore, inferiore e i lati, consentendo di controllare la spaziatura e il layout in modo più preciso.

• duplicare – Clona la sezione per mantenere la coerenza nella formattazione e nella struttura tra le diverse parti del tuo contenuto.
• Elimina – Rimuovere completamente la sezione se non è più necessaria.

Queste impostazioni consentono di avere il pieno controllo sulla struttura dei contenuti, garantendo un layout ben organizzato e visivamente accattivante.

---

Conclusione

L' editor WYSIWYG di Pixpa offre un'esperienza di modifica dei contenuti moderna, ricca di funzionalità e intuitiva . Grazie agli elementi di contenuto migliorati, agli strumenti basati sull'intelligenza artificiale, all'integrazione di contenuti multimediali e alla formattazione strutturata , creare pagine e post di blog accattivanti è ora più efficiente che mai.

Sfruttando queste funzionalità, è possibile migliorare i contenuti , incrementare il coinvolgimento degli utenti e creare un'esperienza di navigazione fluida e intuitiva.