Nella codifica HTML, un divisore, o tag "Div", è un pezzo di codice che consente di creare una nuova sezione per il sito Web, contenente il proprio contenuto e gli elementi HTML. Puoi utilizzarli per separare alcune parti del tuo sito, come la posizione della tua attività in una mappa incorporata, offerte speciali e promozioni o dettagli di contatto. Per aggiungere un divisore, aggiungi del codice HTML e CSS all'editor dei temi del tuo blog.
1
Accedi al tuo pannello di controllo di amministrazione di WordPress. Fai clic su "Aspetto" dalla barra dei menu principale sul lato sinistro dello schermo, quindi fai clic su "Editor".
2
Fare clic su "style.css" dall'elenco di file a destra dello schermo. Di solito si trova nella parte inferiore dell'elenco.
3
Scorri fino alla fine del file e inizia una nuova riga. Incolla il seguente frammento di codice:
newdiv {
blocco di visualizzazione; larghezza: 100%; colore di sfondo: bianco; colore nero; bordo: 5px rosso fisso; margine: 5px; imbottitura: 5px; }
Cambia "newdiv" con un nome più adatto per il divisore e modifica gli attributi per adattarli allo stile che desideri che il Div abbia. Nota che "margin" crea uno spazio tra il Div e gli altri elementi del sito web attorno ad esso, e "padding" crea uno spazio tra il bordo del Div e il contenuto in esso contenuto.
4
Fare clic sul pulsante "Aggiorna file" situato appena sotto il riquadro di modifica.
5
Fare clic sul file modello dall'elenco dei file corrispondenti alla parte del sito a cui si desidera aggiungere il Div. Ad esempio, se lo desideri su una pagina di post, fai clic su "single.php".
6
Scorri il file e posiziona il cursore nella posizione del file in cui desideri aggiungere il nuovo divisore.
7
Digita il seguente codice nel file:
Aggiungi il contenuto che vuoi che il divisore contenga tra questi due tag, quindi fai clic su "Aggiorna file". È ora possibile aggiungere questo tag a qualsiasi altro file modello o creare nuovi Div, se necessario.