Blocco di testo reattivo

Personalizza lo stile del testo per desktop e dispositivi mobili in modo diverso

Lavoriamo continuamente sul nostro ultimo tema WordPress multiuso Citadela e sui suoi plugin. Ultimamente, abbiamo aggiunto una fantastica funzionalità per gli utenti di WordPress Gutenberg. Il nuovo blocco aiuta a creare una sezione accattivante. Ottieni l'aggiornamento gratuitamente e crea un sito Web perfetto.

La tipografia è una componente cruciale nella creazione di qualsiasi sito web. Il tipo di carattere, la dimensione e la spaziatura determinano la leggibilità. Un sito web di bell'aspetto e professionale non distrae i visitatori dalla lettura. Consigliamo di scegliere un font standard.

Il blocco di testo reattivo consente di personalizzare un blocco di testo in modo diverso per desktop e dispositivi mobili. Ci sono molte impostazioni che hai sotto controllo. Sono separati per i display dei dispositivi desktop e mobili. Puoi impostare il punto di interruzione della larghezza mobile, l'allineamento del testo, la dimensione del carattere, il colore, la spaziatura e altro. Grazie alla libreria completa di Google Fonts può essere visualizzato testo di fantasia.

Il blocco di testo reattivo è disponibile in Pagina, Post o Pagine speciali Citadela. Puoi utilizzare questo blocco di testo reattivo come titolo della pagina. Nascondi il titolo della pagina predefinito tramite l'impostazione del documento nell'area Ispettore Gutenberg.

Il blocco di testo reattivo ha queste opzioni:

• Google Font per il testo visualizzato
• seleziona il tag HTML per il testo, disponibile è il tag di paragrafo e i tag di intestazione 1 – 6
• testo diverso allineato per desktop e schermo mobile
• dimensione del carattere diversa in unità diverse per schermo desktop e mobile
• diversa altezza della linea per desktop e schermo mobile
• spaziatura tra lettere per il testo
• disabilitare i margini predefiniti per personalizzare la spaziatura intorno al testo
• testo e colore di sfondo
• stile del carattere corsivo
• sottolineature e decorazioni lineari per il testo

Impostare la tipografia del sito web

Di solito, uno dei primi passi dopo l'installazione di WordPress e del tema è la personalizzazione. Puoi scegliere tra molti Google Fonts. Le impostazioni di tipografia in WordPress sono in Aspetto → Personalizza → Aspetto → Tipografia. Scegli Titoli e carattere del corpo del testo. Puoi anche selezionare lo spessore del carattere per i titoli. Tieni presente che l'intero sito Web dovrebbe essere un ambiente piacevole per mantenere i visitatori il più a lungo possibile. Pertanto è necessario seguire alcuni standard.

Non vuoi usare caratteri stravaganti per il corpo del testo. La dimensione del carattere del tema WordPress è progettata per essere leggibile attraverso l'intero sito Web, ogni sezione e sottopagina.

Area di testo fantasia

Tuttavia, spesso vorresti creare una sezione speciale e accattivante. Come creare delle aree belle e fantasiose con un carattere alla moda? Ecco perché abbiamo creato un blocco di testo reattivo. È facile da usare.

Il blocco di testo reattivo offre un modo perfetto per giocare con la tipografia. Puoi personalizzare un solo titolo o testo con un carattere, una dimensione e una spaziatura specifici. Inoltre, puoi impostare questo blocco in modo diverso per desktop e dispositivi mobili. Assicurati che il testo sia perfetto e ottimizzalo su qualsiasi dispositivo. In combinazione con altri blocchi come Cluster, scopre più potenziale di design per il tuo sito web.

Aggiungi questo blocco alla sottopagina selezionata. Come i blocchi standard, ha il suo menu più le impostazioni sul lato destro nell'Ispettore Gutenberg. Puoi utilizzare questo blocco su pagine standard, post o persino pagine speciali insieme al plug-in di directory Citadela.

Questo blocco ti consente di utilizzare un tag HTML in modo da poter impostare un titolo. Puoi decidere l'unità della dimensione del carattere tra px, em, vw e quindi impostare la dimensione del carattere, l'altezza della linea e la spaziatura. Gioca e seleziona il carattere Goole perfetto. Puoi vedere subito come appare il tuo testo. Per questo blocco sono disponibili anche l'allineamento del testo e le impostazioni del colore.

Impostazione reattiva

Dopo aver indicato Usa opzioni reattive, puoi impostare parametri importanti per desktop e dispositivi mobili separatamente. Allineamento del testo, unità di dimensione del carattere, dimensione del carattere, altezza della riga e spaziatura delle lettere. Inoltre hai sotto controllo la dimensione del punto di interruzione della larghezza mobile.

Tutto I blocchi AitThemes per l'editor Gutenberg fanno parte del plugin Citadela Blocks. Questo plug-in è un componente cruciale per il design di un sito Web dall'aspetto eccezionale. Utilizzando un editor Gutenberg standard di WordPress, puoi creare un sito Web leggero e veloce. Si prega di scaricare l'ultimo plug-in Citadela Blocks.