Div gebruiken met WordPress

In HTML-codering is een divider of "Div" -tag een stukje code waarmee u een nieuwe sectie voor de website kunt maken, een sectie met eigen inhoud en HTML-elementen. U kunt ze gebruiken om bepaalde delen van uw site te scheiden, zoals de locatie van uw bedrijf in een ingesloten kaart, speciale aanbiedingen en promoties of contactgegevens. Voeg een HTML-code en CSS-code toe aan de Thema-editor van uw blog om een ​​scheidingslijn toe te voegen.

1.

Meld u aan bij uw WordPress-beheercontrolepaneel. Klik op 'Uiterlijk' in de hoofdmenubalk aan de linkerkant van het scherm en klik vervolgens op 'Editor'.

2.

Klik op "style.css" in de lijst met bestanden rechts van het scherm. Het bevindt zich meestal onder aan de lijst.

3.

Scroll naar de onderkant van het bestand en begin een nieuwe regel. Plak in het volgende codefragment:

newdiv {

weergave: blok; Breedte: 100%; background-color: wit; de kleur zwart; rand: 5px effen rood; marge: 5px; opvulling: 5px; }

Wijzig "newdiv" in een geschiktere naam voor de divider en wijzig de kenmerken zodat deze passen bij de stijl die u de Div wilt laten hebben. Merk op dat "marge" een opening creëert tussen de Div en de andere website-elementen er omheen, en "opvulling" creëert een opening tussen de rand van de Div en de inhoud die erin zit.

4.

Klik op de knop "Bestand bijwerken" net onder het bewerkingsvenster.

5.

Klik op het sjabloonbestand in de lijst met bestanden die overeenkomen met het deel van de site waaraan u de Div wilt toevoegen. Als u bijvoorbeeld op een berichtpagina wilt klikken, klikt u op 'single.php'.

6.

Blader door het bestand en plaats de cursor op de locatie in het bestand waaraan u de nieuwe divider wilt toevoegen.

7.

Typ de volgende code in het bestand:

Voeg de inhoud toe die u de verdeler wilt laten bevatten tussen deze twee tags en klik vervolgens op 'Bestand bijwerken'. U kunt deze tag nu toevoegen aan een ander sjabloonbestand of nieuwe Divs maken waar nodig.

Populaire Berichten