Sådan bruges Div med WordPress

I HTML-kodning er en divider eller Div-tag et kodeks, som giver dig mulighed for at oprette en ny sektion til hjemmesiden, som indeholder sit eget indhold og HTML-elementer. Du kan bruge dem til at adskille visse dele af dit websted, f.eks. Din virksomheds placering i et integreret kort, specialtilbud og kampagner eller kontaktoplysninger. For at tilføje en divider, tilføj nogle HTML og CSS kode til din blogs Theme Editor.

1.

Log ind på dit WordPress administration kontrolpanel. Klik på "Udseende" i hovedmenulinjen på venstre side af skærmen, og klik derefter på "Editor".

2.

Klik på "style.css" fra listen over filer til højre for skærmen. Det er normalt placeret nær bunden af ​​listen.

3.

Rul ned til bunden af ​​filen og start en ny linje. Indsæt i følgende kodestykke:

newdiv {

display: blok; bredde: 100%; background-farve: hvid; farve: sort; border: 5px solid rød; margen: 5px; polstring: 5px; }

Skift "newdiv" til et mere passende navn til divideren, og ændre attributterne til den stil, du vil have Div til at have. Bemærk, at "margen" skaber et mellemrum mellem Div og de andre webstedselementer omkring det, og "polstring" skaber et hul mellem kanten af ​​Div og indholdet indeholdt i det.

4.

Klik på knappen "Opdater fil", der ligger lige under redigeringsruden.

5.

Klik på skabelonfilen fra listen over filer svarende til den del af webstedet, som du vil tilføje Div. Hvis du f.eks. Vil have det på en indlægsside, skal du klikke på "single.php."

6.

Rul gennem filen og placér markøren på stedet i den fil, hvor du vil tilføje den nye divider.

7.

Indtast følgende kode i filen:

Tilføj det indhold, du vil dele divider mellem disse to tags, og klik derefter på "Opdater fil." Du kan nu føje dette tag til en anden skabelonfil eller oprette nye Divs efter behov.

Populære Indlæg