Verwendung von Div mit WordPressnewdiv {


Bei der HTML-Codierung ist ein Teiler oder „Div“ -Tag ein Code, mit dem Sie einen neuen Abschnitt für die Website erstellen können, der eigenen Inhalt und HTML-Elemente enthält. Sie können sie verwenden, um bestimmte Teile Ihrer Website zu trennen, z. B. den Standort Ihres Unternehmens in einer eingebetteten Karte, Sonderangebote und Werbeaktionen oder Kontaktdaten. Um einen Teiler hinzuzufügen, fügen Sie dem Themeneditor Ihres Blogs HTML- und CSS-Code hinzu.

1

Melden Sie sich bei Ihrem WordPress-Administrations-Control-Panel an. Klicken Sie in der Hauptmenüleiste auf der linken Seite des Bildschirms auf „Darstellung“ und dann auf „Editor“.

2


Klicken Sie in der Liste der Dateien rechts auf dem Bildschirm auf „style.css“. Es befindet sich normalerweise am Ende der Liste.

3

Scrollen Sie zum Ende der Datei und beginnen Sie eine neue Zeile. Fügen Sie den folgenden Codeausschnitt ein:

newdiv {

Bildschirmsperre; Breite: 100%; Hintergrundfarbe: weiß; Farbe: Schwarz; Rand: 5px durchgehend rot; Rand: 5px; Polsterung: 5px; }}

Ändern Sie „newdiv“ in einen geeigneteren Namen für den Teiler und ändern Sie die Attribute so, dass sie dem Stil entsprechen, den der Div haben soll. Beachten Sie, dass „Rand“ eine Lücke zwischen dem Div und den anderen Website-Elementen um ihn herum erzeugt und „Auffüllen“ eine Lücke zwischen dem Rand des Div und dem darin enthaltenen Inhalt erzeugt.

4

Klicken Sie auf die Schaltfläche „Datei aktualisieren“ direkt unter dem Bearbeitungsbereich.

5

Klicken Sie in der Liste der Dateien, die dem Teil der Site entsprechen, zu dem Sie die Div hinzufügen möchten, auf die Vorlagendatei. Wenn Sie es beispielsweise auf einer Postseite haben möchten, klicken Sie auf „single.php“.

6

Scrollen Sie durch die Datei und platzieren Sie den Cursor an der Stelle in der Datei, an der Sie den neuen Teiler hinzufügen möchten.

7

Geben Sie den folgenden Code in die Datei ein:

Fügen Sie den Inhalt hinzu, den der Teiler zwischen diesen beiden Tags enthalten soll, und klicken Sie dann auf „Datei aktualisieren“. Sie können dieses Tag jetzt zu jeder anderen Vorlagendatei hinzufügen oder bei Bedarf neue Divs erstellen.