Come utilizzare il blocco pullquote di WordPress?

Una citazione è un piccolo frammento dell'articolo che attira l'attenzione. È ottimo per aggiungere enfasi al testo o evidenziare una frase. Fornisce un aiuto visivo al lettore. WordPress ha un Blocco Pullquote progettato specificamente per questo scopo.

In questo articolo, esamineremo il Blocco Pullquote, vedremo come aggiungerlo ai tuoi post e alle tue pagine, vedremo suggerimenti e best practice per utilizzarlo e vedremo le domande frequenti.

Come aggiungere il blocco Pullquote al tuo post o pagina

Per aggiungere un blocco Pullquote, fai clic sull'inseritore di blocchi in cui desideri posizionare il blocco o nell'angolo in alto a sinistra. Cerca Pullquote e selezionalo. In alternativa, puoi digitare /pullquote e premere invio dove vuoi posizionare il blocco.

Il blocco Pullquote verrà aggiunto al tuo contenuto dove puoi aggiungere una citazione dal tuo articolo.

Per usarlo, inserisci semplicemente il testo che desideri venga visualizzato dove dice Aggiungi preventivo . Sotto questa c'è un'altra riga di testo etichettata Aggiungi citazione dove aggiungerai il nome della persona che stai citando, che per un pullquote è l'autore dell'articolo. La citazione è facoltativa per pullquotes.

La tua citazione viene visualizzata tra due linee orizzontali e include una virgoletta sopra. Le impostazioni predefinite mostrano la citazione in caratteri grandi e pesanti mentre la citazione è in un carattere più piccolo con uno spessore regolare.

Impostazioni e opzioni del blocco Pullquote

Il Blocco Pullquote include impostazioni e opzioni all'interno del blocco stesso e della barra laterale destra.

Barra degli strumenti Blocco citazioni

La barra degli strumenti del Blocco Pullquote è posizionata sopra il blocco. Appare quando si seleziona il blocco. Diamo un'occhiata un po' più da vicino.

Cambia tipo di blocco o stile

Hai diverse opzioni per trasformare il blocco in altri blocchi, stili, ecc. Trasformalo in un paragrafo, colonne, gruppo, intestazione, citazione o un elenco. Ciascuno fornisce un'anteprima di come apparirebbe utilizzando i tuoi contenuti. Ha anche opzioni per gli stili. Passando il mouse sopra le scelte viene mostrata un'anteprima di come apparirebbe nei tuoi contenuti. In questo esempio, sto passando con il mouse sulle opzioni Tinta unita in Stili.

Trascina e sposta

Lo strumento Trascina è rappresentato da 6 punti. Afferra i punti e trascina il blocco dove vuoi. Lo strumento Sposta è costituito da frecce su e giù. Fare clic su di essi per spostare il blocco in alto o in basso nel contenuto.

Cambia allineamento

Le opzioni di allineamento includono sinistra, destra, larghezza ampia e larghezza completa. Le opzioni di larghezza e larghezza completa sono disponibili solo se il tuo tema le supporta. La scelta di sinistra o destra lo posiziona su quel lato dello schermo. Deseleziona la tua opzione per riportarla all'impostazione predefinita, che è centrata. Funziona con i blocchi di paragrafi.

Ad esempio, impostandolo per allineare a sinistra oa destra, il paragrafo sotto di esso viene posizionato all'interno del Blocco citazioni. In questo esempio, l'ho impostato su Sinistra e il testo nel paragrafo seguente ora è avvolto attorno ad esso.

grassetto e corsivo

Le opzioni in grassetto e corsivo influiscono sul testo che stai evidenziando. Possono essere usati insieme o indipendentemente. In questo esempio, li ho usati indipendentemente all'interno della citazione e insieme per la citazione.

Collegamento

Aggiungi il link a qualsiasi testo che hai evidenziato. Quando inserisci l'URL, vedrai suggerimenti basati su quelli che hai utilizzato in precedenza. Vedrai anche un'opzione per aprire il collegamento in una nuova scheda.

In questo esempio, ho aggiunto il collegamento alla citazione. Sottolinea il testo per mostrare che è un collegamento.

Più opzioni

Facendo clic su Altre opzioni si apre una casella a discesa con 7 opzioni per lo stile del testo. Ho aggiunto ciascuno di essi nell'esempio sopra. Influiscono tutti sul testo che stai evidenziando quando fai clic su di essi. Loro includono:

Codice in linea : modella il testo in modo che assomigli al codice e impedisce l'esecuzione del codice. La parola This è formattata come codice in linea.

Immagine in linea : aggiunge un'immagine dalla libreria multimediale alla posizione del cursore del mouse.

Input da tastiera : modella il testo con la formattazione HTML della tastiera. La citazione della parola è in stile con lo stile di input da tastiera.

Barrato : inserisce una linea attraverso il testo, come la parola impressionante nell'immagine sopra.

Pedice : rende il testo più basso e più piccolo del resto, come la lettera R nella citazione sopra.

Apice : rende il testo più alto e più piccolo del resto, come la lettera A nella citazione sopra.

Colore del testo : consente di modificare il colore del testo, come la parola Brown nella citazione sopra. L'icona delle impostazioni cambia nella barra degli strumenti quando è attiva.

Per le opzioni di colore, seleziona dal colore preselezionato o crea un colore personalizzato. Seleziona un colore personalizzato dal selettore colori o inserisci il codice esadecimale, il codice RGB o il codice HSL.

Opzioni

Sono incluse tutte le opzioni standard:

Nascondi altre impostazioni: nasconde la barra laterale destra.

Copia : copia il blocco Pullquote in modo da poterlo incollare ovunque all'interno del contenuto.

Duplica : aggiungi un duplicato del Blocco citazioni sotto l'originale.

Inserisci prima : aggiunge uno spazio prima del Blocco citazioni in cui è possibile aggiungere un blocco.

Inserisci dopo : aggiunge uno spazio dopo il Blocco citazioni in cui è possibile aggiungere un blocco.

Sposta in : posiziona una linea blu all'interno del contenuto che puoi spostare nella posizione in cui desideri spostare il Blocco Pullquote, facilitando lo spostamento del blocco.

Modifica come HTML : apre l'editor del codice in cui è possibile modificare l'HTML.

Aggiungi ai blocchi riutilizzabili : aggiunge il blocco Pullquote ai tuoi blocchi riutilizzabili, rendendolo facile da riutilizzare.

Gruppo : aggiunge il blocco a un gruppo che è possibile regolare come una singola unità.

Rimuovi blocco : elimina il blocco Pullquote.

Impostazioni della barra laterale del blocco delle citazioni

Le impostazioni della barra laterale includono stili, colore e avanzate. Fai clic sull'ingranaggio nell'angolo in alto a destra per aprire o chiudere la barra laterale. Facendo clic sul blocco, la barra laterale viene modificata nelle opzioni Blocco citazioni.

Stili

Stili mostra due opzioni: lo stile predefinito e uno stile a tinta unita. Gli stili mostrano un'anteprima di come apparirebbe la citazione. Puoi impostare lo stile predefinito facendo clic su di esso nella casella a discesa denominata Stile predefinito .

Colore

Le opzioni di colore includono il colore principale e il colore del testo. Sono disponibili diversi colori come predefiniti oppure è possibile selezionare un colore personalizzato. Per i colori personalizzati, scegli da un selettore di colori o inserisci il colore che desideri come esadecimale, RGB o HSL.

Il colore principale influisce sulle linee sopra e sotto la citazione per il primo stile.

Per il secondo stile, il colore principale influisce sullo sfondo. Si trasforma in un testo chiaro quando si sceglie un colore scuro per lo sfondo. Se scegli una combinazione di colori difficile da leggere, te lo avviserà.

Il colore del testo influisce su virgolette, citazioni e citazioni. Non sovrascrive i colori del testo impostati nelle impostazioni della barra degli strumenti.

È possibile utilizzare le impostazioni del colore del testo per regolare le virgolette e quindi utilizzare l'impostazione del colore nella barra degli strumenti per regolare il testo in modo indipendente.

Avanzate

Le impostazioni avanzate includono un ancoraggio HTML e classi CSS aggiuntive. L'ancora fornisce un URL in modo da poter collegare direttamente al blocco. Il campo della classe CSS include lo stile che hai selezionato e puoi aggiungere altre classi se lo desideri.

Suggerimenti e best practice per l'utilizzo efficace del blocco Pullquote

• Usa il testo dell'articolo stesso.
• Usali con parsimonia.
• Va bene non usare la didascalia.
• Usa l'allineamento a destra o a sinistra per fare in modo che il tuo pullquote avvolga il testo.
• Usa le opzioni di allineamento ampio e a schermo intero per creare titoli interessanti.
• Prova entrambi gli stili, predefinito e solido, per vedere quale funziona meglio per i tuoi contenuti. Usa il colore solido e cambia il colore di sfondo per risaltare.
• Usa il colore per far risaltare ancora di più la citazione.

Domande frequenti sul blocco Pullquote

Qual è la differenza tra un blocco Pullquote e un blocco preventivo?

Una citazione visualizza citazioni esterne. Un pullquote evidenzia una porzione di testo dell'articolo in cui è inserito. Il Pullquote Block include più opzioni di allineamento e ha uno stile diverso.

Qual è il vantaggio di utilizzare un blocco Pullquote?

Dà al testo un aspetto più grafico che si distingue. Evidenzia anche una riga del testo per attirare l'attenzione su di essa.

Possono essere trasformati in un Blocco Preventivo?

Sì, e un blocco di paragrafo, colonne, gruppo, intestazione o un elenco.

Possono essere usati per qualcos'altro?

Sì, e brevi tutorial, note a piè di pagina, titoli, ecc.

Conclusione

Questo è il nostro sguardo al Blocco Pullquote di WordPress. Le citazioni pull sono un ottimo modo per aggiungere un po' di enfasi visiva al tuo testo e il blocco Pullquote lo fa bene. Questo blocco è facile da usare e ti offre abbastanza opzioni per creare un look unico che si distingue. Le sue opzioni di layout funzionano bene con il tuo testo, permettendoti di dividere il testo, avvolgere il testo e persino usarlo come intestazione.

Vogliamo sentire da voi. Usi il Blocco Pullquote? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite girafchik / shutterstock.com