Vuoi aggiungere spazi o sottosezioni rientrato su WordPress? Vorresti far rientrare i paragrafi su WordPress?

Sebbene la maggior parte del testo sia allineata a sinistra, in alcuni casi potrebbe essere necessario applicare il rientro a determinati paragrafi per un file migliore tipografia e un migliore esperienza di lettura.

In questo tutorial, ti mostreremo come rientrare facilement paragrafi su WordPress.

trattini su WordPress

Metodo 1: utilizzo dei pulsanti di rientro del testo nell'editor visivo 

Per impostazione predefinita, la maggior parte Temi WordPress Visualizza i paragrafi giustificati a sinistra o a destra per le lingue da destra a sinistra.

Se si desidera spostare un paragrafo, è possibile farlo manualmente facendo clic sul pulsante Aumenta il rientro dell'editor di testo visivo. Questo aggiungerà la spaziatura a sinistra del paragrafo.

Rientra i paragrafi su wordpress

Nel caso in cui desideri indentare piĂ¹ di un paragrafo, devi selezionare quei paragrafi e quindi fare clic sul pulsante Aumenta il rientro.

Ăˆ possibile fare clic piĂ¹ volte sul pulsante per aumentare il rientro. Ad esempio, se fai doppio clic su di esso, raddoppierĂ  la spaziatura del rientro.

Puoi anche ridurre il prelievo facendo clic sul pulsante Riduci il rientro

Ti invitiamo anche prima di continuare a scoprire Come utilizzare l'editor Gutenberg per WordPress 5.0: parte XNUMX

Metodo 2: rientro manuale paragrafo utilizzando l'editor di testo

Utilizzando i pulsanti di prelievo testo nell'editor visivo è il modo piĂ¹ semplice per aggiungere il rientro ai paragrafi. Tuttavia, questo non ti dĂ  il controllo sulla quantitĂ  di spaziatura che desideri aggiungere.

Gli utenti piĂ¹ esperti possono passare a editor di testo per aggiungere manualmente il rientro. Tutto quello che devi fare è inserire il testo nel tag del paragrafo e e poi y aggiungi codice CSS in questo modo:

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Rientra manualmente il paragrafo su wordpress

Questo metodo ti consente di controllare la spaziatura che desideri utilizzare come rientro. Questo metodo funziona meglio se non hai bisogno di far rientrare i paragrafi regolarmente.

Quindi, se li indentri abbastanza spesso, questa non è una soluzione ideale.

Scopri la nostra guida su Come scrivere (write) un buon punto sul tuo blog 

Metodo 3: rientra solo la prima riga di un paragrafo

Le pagine Web non utilizzano la tradizionale spaziatura dei paragrafi utilizzata dai software di elaborazione testi, che contrassegna solo la prima riga del paragrafo.

Anche su WordPress, quando si fa rientrare un paragrafo, viene aggiunto spazio all'intero paragrafo.

Esempio di rientro del paragrafo

Alcuni siti web di riviste o riviste letterarie potrebbero voler aggiungere un trattino piĂ¹ tradizionale. In questo caso, devi aggiungere CSS personalizzato al tuo tema WordPress.

Vai a " Aspetto> Personalizza Per avviare il " Customizer "Per tema WordPress. Clicca sul " Ulteriori CSS '.

Customizer CSS aggiuntivo wordpress

Verrà visualizzata una casella di testo nel riquadro sinistro in cui è possibile aggiungere il codice CSS personalizzato. Aggiungi questo codice CSS in questa casella di testo.

p.custom-indent { 
text-indent:60px;
}

Scopri anche il nostro Tutorial: come padroneggiare l'editor visivo di WordPress

Questo codice CSS dice semplicemente ai browser che se un paragrafo ha la classe ".custom-indent", allora aggiunge un rientro di 60px.

Puoi quindi modificare il tuo articolo nell'editor di testo. Quindi circonda il testo con i tag <p class = "custom-indent"> et </p> come segue :

Il testo del paragrafo va qui ...

Una volta terminato, puoi visualizzare in anteprima il tuo articolo e vedrai che solo la prima riga del paragrafo ha una spaziatura prima.

Spaziatura davanti a un paragrafo

Questo metodo funzionerĂ  attentamente se desideri solo rientrare in alcuni paragrafi. Tuttavia, se desideri aggiungere questo stile a tutti i paragrafi del tuo sito Web, devi semplicemente modificare il codice CSS personalizzato in questo modo:

article p { 
text-indent:60px;
}

Questo codice CSS aggiungerĂ  automaticamente un rientro sulla prima riga di tutti i paragrafi all'interno di un articolo o di una pagina WordPress.

Scopri anche prima di partire Come aggiungere uno stile visivo per l'editor di WordPress

Per coloro che sono alla ricerca di editor visivi di stile per migliorare l'aspetto del proprio sito Web, qui offriamo loro 3 plugin WordPress premium progettati per questo compito.

1. Yellow Pencil: Visual Style CSS Editor

Yellow Pencil è un editor di stili visivi che puoi utilizzare con qualsiasi tema per personalizzare il tuo sito web in pochi minuti (caratteri, colori, animazioni e altro ...).

Plugin per editor di stile css visivo Yellowpencil wordpress

Questo plugin creerĂ  stili CSS in background mentre giochi con i colori come se fosse un gioco. Ăˆ stato progettato sia per i principianti che per gli utenti esperti. Non è richiesta alcuna conoscenza di codifica; Tuttavia, il plugin ha un buon editor CSS per coloro a cui piace programmare. Puoi programmare dal vivo con questo editor e personalizzare il tuo CSS.

Download | Demo | Web hosting

2. Easy Custom JS e CSS 

Ce WordPress Plugin premium è un potente editor di codice CSS e JavaScript che ti consente di aggiungerli a qualsiasi sezione del tuo sito web. Ti permette di mantenere le tue personalizzazioni anche dopo un importante aggiornamento del tuo tema WordPress.

Plugin per wordpress di personalizzazione extra js e CSS personalizzato facile

Hai la possibilità di limitare il campo di utilizzo del tuo codice personalizzato. Ad esempio, puoi usare il tuo codice solo per un articolo nel formato video. Oppure puoi limitare il codice a un tema specifico; Il che è utile se cambi spesso temi per il tuo blog WordPress.

Download | Demo | Web hosting

2. Google Maps responsabili

Ce WordPress Plugin promuove la creazione di un sistema di piĂ¹ marcatori su una mappa e piĂ¹ mappe per pagina. Include la visualizzazione a schermo intero e il raggruppamento di piĂ¹ marcatori. Non è necessaria alcuna chiave API per eseguire questa operazione.

Plugin per mappe di WordPress - Google Maps reattivo

L'installazione di WordPress Plugin Mappa di Google reattivas è semplice e facile. Non sono necessari codici brevi complessi lunghi. Allo stesso modo, è semplice creare una mappa, aggiungere rapidamente una posizione, per questo, devi solo copiare uno shortcode nella pagina in cui desideri visualizzare la mappa, e il gioco è fatto!

leggere Come visualizzare la posizione di un membro della tua comunitĂ  WP su una mappa di Google

Le altre sue caratteristiche sono: aresponsive arte, ppiĂ¹ posizioni sulla stessa mappa, ppiĂ¹ carte per pagina, la possibilitĂ  discarica i tuoi marcatori, una vista a schermo intero, d supportodiversi tipi di mappe (carta stradale, satellitare, ibrida e terreno), la zoom automatico, la possibilitĂ  di personalizzare la tvai dalla mappa, et molto di piĂ¹ ...

Risorse raccomandate

Scopri di piĂ¹ risorse consigli che ti aiuteranno meglio prendere il controllo del tuo editor di testo visivo.  

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di organizzare meglio il rientro dei tuoi articoli. sentiti libero di condividi il suggerimento con i tuoi amici sui tuoi social network.

Se avete suggerimenti o osservazioni, saranno i benvenuti. Ti invitiamo anche a consultare il nostro risorse se sei un blogger principiante.

...