Come creare elenchi puntati WordPress con PostX Advanced List Block

Pubblicato: 2023-05-25

Stai cercando di migliorare l'aspetto visivo e la leggibilità dei post del tuo blog WordPress? Con List Block di PostX, puoi creare facilmente punti elenco accattivanti ed elenchi numerati che catturano l'attenzione dei tuoi lettori.

Sono finiti i giorni delle liste semplici e noiose. PostX ti offre varie opzioni di personalizzazione, permettendoti di liberare la tua creatività e progettare elenchi straordinari che si allineano perfettamente con il tuo marchio e lo stile dei contenuti.

In questo post del blog, ti mostreremo come creare punti elenco WordPress utilizzando il potente blocco elenco di PostX . Dalla personalizzazione degli stili dei punti elenco all'aggiunta di icone uniche e alla scelta tra vari layout di elenco, imparerai come rendere i tuoi elenchi visivamente accattivanti e di grande impatto.

Nascondi i contenuti
1 Come creare punti elenco WordPress utilizzando il blocco elenco di PostX
1.1 Videoguida
1.2 Passaggio 1: aggiunta del blocco elenco PostX
1.3 Passaggio 2: importazione di modelli predefiniti
1.4 Passaggio 3: personalizzazione degli elenchi puntati di WordPress
1.4.1 Impostazioni di personalizzazione globali per Blocco elenco
1.4.1.1 Layout
1.4.1.2 Icona/Immagine
1.4.1.3 Contenuto
1.4.1.4 A capo del contenuto
1.4.1.5 Separatore
1.4.2 Impostazioni di personalizzazione punto elenco singolo per Blocco elenco
1.4.2.1 Tipo di icona
1.4.2.2 Impostazioni normali e al passaggio del mouse (icona).
1.4.2.3 Impostazioni del testo e impostazioni del sottotesto
2 Conclusione

Come creare punti elenco WordPress utilizzando il blocco elenco di PostX

Non accontentarti di punti elenco ordinari ed elenchi numerati. Eleva i tuoi contenuti con List Block di PostX e fai un'impressione duratura sui tuoi lettori. Preparati a trasformare le tue liste in capolavori visivi e porta il tuo blog WordPress a nuovi livelli.

Migliora ulteriormente i tuoi elenchi con icone uniche o elenchi puntati con immagini personalizzate. PostX offre una vasta gamma di librerie di icone e ti consente di caricare immagini personalizzate, offrendoti la flessibilità di creare elenchi visivamente accattivanti e accattivanti.

Che si tratti di creare una guida passo passo, condividere punti importanti o organizzare informazioni, il blocco "Elenco - PostX" in PostX semplifica la creazione di elenchi professionali e visivamente sorprendenti per i tuoi contenuti WordPress. Quindi, senza ulteriori indugi, tuffiamoci!

Videoguida

Ecco una guida video per te in modo che tu possa avere una migliore comprensione del blocco elenco avanzato di PostX.

Hai visto il video? mi è piaciuto? approfondiamo e mostriamo il processo passo dopo passo.

Passaggio 1: aggiunta del blocco elenco PostX

Innanzitutto, se desideri le opzioni avanzate per l'elenco, devi installare e attivare PostX. E così facendo ti permetterà di aggiungere il blocco Elenco, che ha molte opzioni di personalizzazione.

Installing PostX
Installare PostX

Ora vai all'editor di WordPress e crea una nuova pagina o modificane una esistente. Per aggiungere il blocco "Elenco - PostX", fare clic sul pulsante "Aggiungi blocco" o sull'icona "+". Nella barra di ricerca del blocco, digita "Elenco - PostX" e seleziona il blocco tra le opzioni disponibili.

Adding List Block
Aggiunta di un blocco elenco

Dopo aver aggiunto il blocco "Elenco - PostX", puoi personalizzarlo in base alle tue esigenze.

Passaggio 2: importazione di modelli predefiniti

Hai aggiunto il blocco elenco. Ora, se vuoi evitare di personalizzarlo, abbiamo modelli predefiniti per salvarti la schiena. È un processo semplice. Devi fare clic sul blocco e nelle impostazioni vedrai "Modelli predefiniti". Fare clic su di esso e fare clic su "Sincronizza". Dopo averlo fatto, vedrai l'ultimo aggiornamento dei modelli predefiniti per il blocco Elenco. Ora scegli il modello e fai clic su Importa e il gioco è fatto.

List Block Predefined Patterns
Elenca i modelli predefiniti del blocco

Nota: fai sempre clic su Sincronizza prima di importare qualsiasi modello perché aggiorniamo costantemente i modelli per il miglior risultato possibile.

Puoi personalizzarlo ulteriormente se lo desideri. Ti mostreremo le opzioni di personalizzazione nel passaggio successivo. Ma prima, puoi prima dare un'occhiata alla nostra demo per capire in quanti modi avanzati puoi implementare il blocco elenco nel tuo sito.

Visualizza la demo ora!

Passaggio 3: personalizzazione degli elenchi puntati di WordPress

Ora intensifichiamo il gioco con piccanti personalizzazioni di PostX. Dopo aver fatto clic sul blocco, troverai le impostazioni nella barra laterale destra.

List Block Customization Settings
Elenca le impostazioni di personalizzazione del blocco

Tuttavia, ci sono due modi per personalizzare il blocco elenco. Puoi personalizzare il blocco nel suo insieme a livello globale oppure puoi personalizzare in particolare i singoli punti elenco con le impostazioni di un singolo elenco. Esploreremo entrambe le impostazioni, quindi non perdere nulla.

Impostazioni di personalizzazione globali per Blocco elenco

Per prima cosa diamo un'occhiata alle impostazioni che otterrai per personalizzare il blocco elenco a livello globale.

Layout

Le impostazioni dei layout nel blocco elenco offrono tre diverse opzioni tra cui scegliere.

Inoltre, otterrai le seguenti impostazioni.

Layout Settings - List Block
Impostazioni layout – Blocco elenco

Visualizzazione in linea: abilitando l'impostazione "In linea", il blocco elenco verrà visualizzato in un formato di riga anziché nel formato di colonna predefinito. Ciò consente ai punti elenco e al testo di apparire orizzontalmente su un'unica riga.

Inoltre, sono disponibili opzioni avanzate come Allineamento verticale, Spazio tra elementi, Spaziatura tra icone e testi.

Icona/Immagine

L'impostazione "Icona/Immagine" nel blocco elenco offre varie opzioni per personalizzare i punti elenco. Esploriamo ogni opzione.

Icon-Image Settings
Impostazioni icona-immagine

Icona

Selezionando l'opzione "Icona" è possibile aggiungere icone da un'ampia libreria. Puoi anche regolare la dimensione delle icone e la dimensione dello sfondo.

Le opzioni di personalizzazione avanzate includono la modifica del colore, del colore al passaggio del mouse, del colore di sfondo dell'icona e del colore di sfondo dell'icona al passaggio del mouse. Puoi anche selezionare diversi tipi di bordi e specificarne la larghezza e il colore con border-radius.

Immagine

Scegliendo l'opzione "Immagine" puoi aggiungere immagini come elenchi puntati. È possibile regolare la dimensione dell'immagine e la dimensione dello sfondo.

È possibile modificare i colori di sfondo dell'icona normale e al passaggio del mouse nelle impostazioni del colore. Inoltre, puoi selezionare diversi tipi di bordi e sceglierne la larghezza e il colore.

Predefinito

Selezionando l'opzione "Predefinito" è possibile utilizzare punti elenco tradizionali, come ABC, numeri romani o elenchi puntati numerici regolari. Puoi personalizzare la tipografia e le dimensioni dello sfondo.

Come le opzioni precedenti, puoi regolare il colore, il colore al passaggio del mouse, il colore di sfondo dell'icona e il colore di sfondo dell'icona al passaggio del mouse. Inoltre, puoi scegliere diversi tipi di bordi e specificarne la larghezza e il colore con un border-radius.

Nessuno

L'impostazione "Nessuno" è l'ideale se preferisci non aggiungere punti elenco o immagini all'elenco. Questa opzione rimuove tutti i marcatori visivi, lasciando solo il testo.

Contenuto

Le impostazioni del contenuto nel blocco elenco offrono varie opzioni per personalizzare l'aspetto e il layout dell'elenco. Ecco uno schema delle impostazioni disponibili che puoi utilizzare per personalizzare il blocco elenco.

Content Settings - List Block
Impostazioni contenuto – Blocco elenco
  • Disabilita il testo
  • Tipografia del titolo
  • Colore del titolo
  • Colore al passaggio del titolo
  • Abilita sottotesto
  • Tipografia sottotesto
  • Spazio tra testo e sottotesto
  • Colore del sottotesto
  • Sottotesto Colore al passaggio del mouse
  • Sottotesto punto medio
Avvolgimento del contenuto

L'impostazione "Content Wrap" nel blocco elenco consente di controllare l'aspetto e lo stile del contenuto all'interno dell'elenco. Otterrai le seguenti opzioni di personalizzazione:

Content Wrap Settings
Impostazioni di avvolgimento del contenuto
  • Imbottitura
  • Colore di sfondo
  • Colore al passaggio del mouse
  • Confine
  • Raggio del bordo
Separatore

L'impostazione "Separatore" nel blocco elenco consente di aggiungere un separatore visivo tra gli elementi dell'elenco. Inoltre, avrai alcune opzioni avanzate come:

Separator Settings
Impostazioni separatore
  • Colore del bordo
  • Dimensione del separatore
  • Stile del bordo

Impostazioni di personalizzazione punto singolo per Blocco elenco

Quando si personalizza un singolo punto elenco nel blocco elenco, sono disponibili diverse impostazioni. Esploriamo queste opzioni:

Single Bullet Customization Settings
Impostazioni di personalizzazione punto singolo
Tipo di icona

Con l'impostazione "Tipo icona", puoi scegliere tra diverse opzioni per il punto elenco. Puoi selezionare:

  • Icona: questa opzione consente di utilizzare un'icona come punto elenco.
  • Immagine: questa opzione consente di utilizzare un'immagine come punto elenco.
  • Eredita: questa opzione eredita lo stile del punto elenco dall'elenco principale.
  • Nessuno: la selezione di questa opzione rimuove completamente il punto elenco.
Impostazioni normali e al passaggio del mouse (icona).

Otterrai le seguenti impostazioni per l'icona, sia normale che al passaggio del mouse.

  • Colore dell'icona
  • Sfondo dell'icona
  • Confine
Impostazioni del testo e Impostazioni del sottotesto

Le impostazioni del testo sono molto intuitive da capire e vedrai le seguenti opzioni per rendere straordinari i tuoi elenchi puntati:

  • Colore del titolo
  • Colore al passaggio del titolo
  • Colore del sottotesto
  • Colore sottotesto al passaggio del mouse
  • Spazio tra testo e sottotesto

Conclusione

Il blocco elenco di PostX ti consente di creare elenchi puntati visivamente accattivanti e personalizzabili. Con varie opzioni di personalizzazione, inclusi layout, icone, immagini, colori e spaziatura, puoi migliorare l'aspetto visivo e la leggibilità dei tuoi elenchi.

Con la possibilità di scegliere diversi layout, aggiungere icone o immagini, regolare i colori e la spaziatura e personalizzare i singoli punti elenco, puoi creare elenchi accattivanti e accattivanti che catturano l'attenzione dei tuoi lettori.

Non accontentarti dei normali elenchi puntati di WordPress quando puoi trasformarli in capolavori visivi con List Block di PostX. Aggiorna oggi stesso il tuo blog WordPress e porta i tuoi contenuti al livello successivo.

Puoi dare un'occhiata ai tutorial video di WordPress sul nostro canale YouTube. Inoltre, trovaci su Facebook e Twitter per aggiornamenti regolari!

Ti piace questo articolo? Diffondere la parola
  • How to Display Custom Taxonomy in Gutenberg Editor Perfectly 1

    Come visualizzare perfettamente la tassonomia personalizzata nell'editor Gutenberg

  • Latest Update of PostX

    Ultimo aggiornamento di PostX Gutenberg Post Blocks

  • Does WordPress Gutenberg SEO Matter?

    Perché WordPress Gutenberg SEO è importante?

  • How to Change WooCommerce Product List View

    Come creare una visualizzazione elenco prodotti WooCommerce?