Vai al contenuto principale

Come far rientrare i paragrafi su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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:

Il testo del paragrafo va qui ...

Rientra manualmente il paragrafo su wordpress

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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 tra i paragrafi utilizzata dal 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 una rimozione più tradizionale. In questo caso, devi aggiungere CSS personalizzati al tuo tema WordPress.

Vai a " Aspetto> Personalizza Per avviare il " Customizer Del 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-rientro {text-trattino: 60px; }

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

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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 racchiudi il tuo testo con i tag e 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:

Articolo p {text-trattino: 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 

Questo plugin premium per WordPress è un potente editor di codice CSS e Javascript che ti consente di aggiungerli a qualsiasi sezione del tuo sito web. Ti consente di mantenere le tue personalizzazioni anche dopo un importante aggiornamento al 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

3. Custom JS e CSS per Gutenberg

Il plugin WordPress Custom JS e CSS per Gutenberg ti consentirà di aggiungere un numero illimitato di stili personalizzati all'editor WYSIWYG per i tuoi articoli e pagine WordPress. È completamente compatibile con la versione Gutenberg di WordPress.Js e css personalizzati per il plugin wordpress di gutenberg

Puoi semplicemente creare un nuovo stile con un editor CSS facile da usare. Questo plugin estende la funzionalità dei campi personalizzati sul tuo sito e ti dà la possibilità di modificare i campi personalizzati con un modulo di personalizzazione dinamico e potente. e la funzionalità di anteprima in tempo reale di questo plugin lo rende molto comodo e intuitivo.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate che ti aiuteranno sedurre meglio prendere in mano il 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.

... 

Questo articolo contiene 1 commento

  1. Articolo p {trattino-testo: 60 px; }
    stringa che mi dà un errore.
    Il servizio di convalida mi dà anche l'errore "60px; } "
    Come dovremmo correggere?
    buon lavoro

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
17 azioni
quota14
Tweet1
Enregistrer2