Evidenziazione dei contenuti in WordPress: Blockquote vs. Pullquote

Evidenziazione dei contenuti in WordPress: Blockquote vs. Pullquote

Quando pubblichi un nuovo contenuto, è importante prestare attenzione al suo layout grafico generale, non solo per rendere la pagina più bella. La corretta evidenziazione di alcune sezioni aumenta la chiarezza e attira l'attenzione del visitatore sulle parti chiave dei tuoi contenuti. Di conseguenza, l'utente otterrà le informazioni più essenziali anche se non legge l'intero articolo e lo sfoglia invece.

Oggi ci concentreremo sull'evidenziazione del testo nell'editor di WordPress utilizzando le virgolette. Ti mostreremo come fare block quotes e pullquotes in situazioni specifiche e spiegheremo la differenza tra loro.

L'articolo risponde alle seguenti domande:

Quando usare il blockquote

Il termine blockquote è stato creato accorciando la frase citazioni in blocco il che implica che si tratta di una citazione di un singolo pezzo (blocco) di contenuto. Di solito non è il testo estratto dall'articolo stesso. Le citazioni in blocco si riferiscono a fonti esterne. Puoi usarli come citazione di:

  • Un'altra fonte e pubblicazioni professionali
  • Citazioni di personaggi famosi
  • Testimonianze di clienti soddisfatti

I blockquotes attirano l'attenzione su un determinato contenuto. Contrassegnano le informazioni come importanti differenziandole graficamente dal resto del contenuto. I blockquotes sono spesso indicati visivamente da virgolette o virgolette. Tuttavia, il loro aspetto finale dipende dal tema WordPress che stai utilizzando.

Come inserire un blockquote nell'editor di WordPress

C'è un blocco speciale per l'inserimento di una citazione in blocco in una Pagina o in un Post chiamato Blocco Citazione. Può essere aggiunto alla tua pagina molto facilmente:

1. La prima opzione è fare clic sul simbolo "+" nella barra in alto o all'interno dell'editor in cui si desidera posizionare il blocco. Quindi cerca la parola "citazione" nella barra di ricerca.

Aggiunta del blocco delle virgolette
Aggiunta del blocco Quote facendo clic su "+"

2. La seconda opzione consiste nel cercare un blocco digitandone il nome dopo una barra "/".

Aggiungi il blocco delle virgolette usando la barra "/"
Per trovare e aggiungere un blocco Quote puoi usare anche la barra "/"

Tutto fatto. Hai creato un blocco con un segnaposto e con il testo "Scrivi citazione".

Stili e formattazione dei blocchi

Il blocco citazione appena aggiunto ha uno stile e una formattazione predefiniti. C'è una linea verticale per evidenziare la citazione e separarla dal resto del contenuto. Tuttavia, puoi modificare lo stile in "Grande" facendo clic sull'icona delle virgolette (") nella barra degli strumenti o scegliendo "Stili" nell'Ispettore sul lato destro.

Stile grande rimuove la linea verticale, aumenta la dimensione del carattere e lo trasforma in corsivo. Sebbene l'aspetto finale della citazione sulla pagina di anteprima dipenda dal design del tema WordPress che stai utilizzando.

Modifica dello stile del blocco delle virgolette da Predefinito a Grande
Guarda come potrebbe apparire diverso il blocco Citazione quando modifichi lo stile del blocco da Predefinito a Grande

La formattazione di blockquotes è simile alla formattazione di un paragrafo. Il formato delle citazioni può essere impostato su Grassetto o Corsivo, puoi persino utilizzare un collegamento ipertestuale (URL) all'interno di una citazione. L'allineamento del testo può essere a sinistra, al centro oa destra. Il blocco Quote stesso è sempre fissato alla larghezza del contenuto.

Trasforma Blockquote in un altro tipo di blocco

Puoi trasformare blockquote in un altro tipo di blocco con un clic. Il vantaggio è che puoi passare direttamente da Quote block a Pullqoute e viceversa. Ecco un elenco completo di tutti i blocchi disponibili tra cui scegliere:

  • Paragrafo
  • Pullqoute
  • Intestazione
  • Elenco

Pull quotes: quando usarle?

Mentre i blockqout si riferiscono a fonti esterne, le pull quote evidenziano le informazioni più importanti estratte direttamente dal contenuto della tua pagina. Ciò significa che attirano l'attenzione su un paragrafo specifico all'interno del tuo post o della tua pagina e ne sottolineano il significato.

Come funzionano le quote Pull?

  • Come elemento grafico che valorizza il contenuto e la sua struttura
  • Catturano l'attenzione dell'utente durante lo scorrimento della pagina
  • Possono essere usati come sottotitoli o intestazioni in una pagina

Come aggiungere un blocco Pullquote

Prima del rilascio dell'editor a blocchi di WordPress (versioni precedenti alla 5.0) era necessario definire lo stile delle virgolette pull in CSS. Adesso, grazie al blocco Pullquote, puoi aggiungerli con pochi click. Inserire il blocco Pullquote nella pagina è esattamente come inserire il blocco Quote. Usa invece il nome di questo blocco durante la ricerca.

Personalizzazione del blocco Pullquote

Il blocco Pullqoute offre 2 stili di base: predefinito e tinta unita. Puoi passare da uno all'altro nella barra degli strumenti o nell'Inspector. Come ti sembrano?

Lo stile predefinito è caratterizzato da due linee orizzontali, all'inizio e alla fine della citazione. Puoi cambiare il colore di queste due linee, anche se lo sfondo rimarrà bianco.

Pullquote Stile predefinito
Stile predefinito di Pullquote

D'altra parte, Solid Color è uno stile in un design più semplice e senza alcuna riga. Rispetto allo stile predefinito, la dimensione del carattere è leggermente più grande e puoi scegliere il colore di sfondo dell'intero blocco quando utilizzi uno stile Tinta unita.

Pullquote Tinta unita
Stile tinta unita del blocco Pullquote

Non importa quale stile scegli, puoi cambiare il colore del carattere in entrambi. È disponibile anche una formattazione di paragrafo standard, come grassetto, corsivo o URL di inserimento.

Opzioni avanzate di allineamento del blocco Pullqoute

A differenza del blocco Quote, il blocco Pullqoute offre più opzioni di allineamento: larghezza ampia o larghezza intera, oltre all'allineamento standard (sinistra, destra, centro).

Grazie alla visualizzazione widescreen, pullqoute può essere utilizzato come intestazione o sottotitolo. Non solo può dividere bene il contenuto della pagina, ma funge anche da cliffhanger per invogliare l'utente a continuare a navigare nella pagina. Per favore, ricorda che l'aspetto finale del tuo Pullquote dipende dal design del tuo tema. Non tutti i temi supportano le opzioni di allineamento avanzate.

Allineamento a tutta larghezza del blocco Pullqoute
Pullqoute che può funzionare come intestazione (allungato a tutta larghezza)

Il tema Citadela ti consente di scegliere larghezza ampia o larghezza intera senza problemi.
Scaricalo e guarda tu stesso!

Trasformazione in un altro tipo di blocco

Il blocco Pullquote ha possibilità limitate di trasformazione in un altro tipo di blocco. Infatti, il blocco Pullquote può essere trasformato solo nel blocco Quote.

Conclusione: Quote block o Pullquote block?

Quando utilizzare il blocco Quote invece del blocco Pullquote e viceversa?

Consigliamo Blocco citazioni quando si presentano opinioni e citazioni di personaggi famosi o per una citazione di fonti esterne. La citazione dovrebbe essere un testo che gli utenti non troveranno direttamente all'interno della Pagina o del Post. È perfetto per le testimonianze, poiché separano graficamente le recensioni da altri contenuti (sia nel design che nella formattazione, ad esempio utilizzando il corsivo). È chiaro a prima vista che si tratta di una citazione e quindi qualcosa che deve essere sottolineato.

Il blocco Pullqoute dovrebbe essere utilizzato per evidenziare direttamente le informazioni chiave estratte dal testo sulla pagina. Poiché i Pullquotes sono estratti di contenuto, consentono ai tuoi visitatori web di apprendere il messaggio più importante senza leggere attentamente l'articolo. Tuttavia, se le informazioni in un blocco Pullquote sono davvero attraenti, incoraggeranno il visitatore a trascorrere più tempo sul tuo sito. Inoltre, puoi anche utilizzare Pullqoute come intestazione o come sostituto dei sottotitoli.

5 pensieri su “Highlighting content in WordPress: Blockquote vs. Pullquote

  1. Ciao Ivy,
    grazie per questa guida sull'utilizzo di wordpress blockquote nel modo corretto, ho provato ad aggiungerlo tramite il mio editor di temi e ho quasi mandato in crash tutto. Grazie ancora.

    Per favore, quale plug-in della tabella dei contenuti di WordPress stai utilizzando? È bellissimo e mi piacerebbe implementarlo sul mio sito.

    1. Ciao Bolarissa,

      grazie per il tuo complimento. Si prega di controllare le informazioni dettagliate pubblicate su: https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      Cordiali saluti!
      Zlatko
      squadra dell'AIT

  2. Nel mio esempio di layout dei temi dei plugin citadela pro, non sono riuscito a trovare come modificare la foto nella citazione pull

    https://prnt.sc/v26fce

    1. Ciao,

      grazie per averci scritto. Vorremmo gentilmente chiederti di controllare la nostra knowledge base e/o la documentazione con video tutorial:
      https://www.ait-themes.club/ait-themes-documentation/
      Oppure sentiti libero di pubblicare domande tecniche direttamente nel nostro sistema di ticket di supporto dedicato. Accedi al tuo account su https://system.ait-themes.club/support/add-question.

      Cordiali saluti!
      Zlatko
      squadra dell'AIT

I commenti sono chiusi.