A volte, mentre scrivi i tuoi articoli, devi aggiungere spazio per evidenziare meglio alcuni elementi. Può essere un'immagine o un'informazione pubblicitaria.

WordPress offre una funzionalità integrata che ti consente di aggiungere spazio nei tuoi post. Nella maggior parte dei casi, questa funzione funziona, ma se non con il tuo tema, cosa fare?

Quando aggiungere una linea di separazione in un articolo

È possibile che si desideri evidenziare un elemento in un articolo o il tema potrebbe non visualizzare correttamente le immagini che seguono un paragrafo (il testo potrebbe essere incorporato sotto l'immagine).

Alcuni potrebbero anche voler aggiungere una linea per abbellire il layout. In questo tutorial, ti mostrerò come aggiungere una linea di separazione nei tuoi paragrafi su WordPress.

Come aggiungere una linea di separazione con un plugin WordPress

Prima di discutere di questo metodo, devo prima ricordare come ciò sia possibile con il pulsante (Linea orizzontale) di default su WordPress.

linea orizzontale WordPress

Dopo aver fatto clic su questo pulsante, verrà visualizzata una linea sull'area di contenuto dell'editor visivo. Puoi anche utilizzare il plugin “ Shortcode e Widget separato ", Disponibile su WordPress.org.

Scopri come installare un plugin WordPress.

shortcode e widget di separata

Questo plugin offre una soluzione abbastanza semplice che ti consente di separarti da contenuto (o widget) utilizzando uno shortcode.

Come separare il contenuto con il codice manuale

Se sei uno sviluppatore e vuoi trovare il codice che ti consente di separare i paragrafi dai tuoi articoli su WordPress, allora sei nel posto giusto.

Ricorda, prima di apportare modifiche al codice, dovresti sempre considerare di fare un backup del tuo blog WordPress (se non è stato creato un ambiente di prova).

Ti abbiamo anche mostrato come creare un plugin. Puoi usare questo plugin per salvare il tuo codice. Quindi tutto ciò che devi fare è aggiungere il seguente codice:

add_shortcode ( 'diviseur', 'shortcode_insert_divider');
fonction shortcode_insert_divider () {
    return '<div class = "diviseur"> </ div>';
}

Il codice precedente ti permetterà di creare un shortcode su WordPress.

Puoi anche collegare un file CSS alla coda dei file di WordPress. Questo codice CSS, lo personalizzerai come desideri. Lo shortcode che puoi utilizzare per visualizzare una barra spaziatrice è

[Divisore]

Usando il codice, sarai in grado di creare uno shortcode di WordPress che accetta i parametri, in modo da poter facilmente passare attraverso un'impostazione per impostare l'altezza e lo stile della barra spaziatrice.

Questo è tutto quello che c'era da sapere. Spero che tu riesca a creare una barra spaziatrice sul tuo blog WordPress.