Wie man CSS Stil eingebettete Objekte in Wordpress

November 19

WordPress Webseiten nutzen cascading Stylesheets (CSS) stark auf der Front und Back-End. CSS wird verwendet, um HTML-Inhalt vom Design trennen. Von einer zentralen CSS-Datei aktualisieren, wird eine Änderung auf jeder Webseite übernommen, die in dieser Datei aufruft und verfügt über die richtigen Tags.

Anweisungen

1 Melden Sie sich in das WordPress-Dashboard.

2 Klicken Sie auf "Editor" unter der Option "Auftritt" im linken Navigationsmenü. Das Stylesheet ist in der Regel, was zum ersten Mal im Editor-Fenster geladen. Wenn dies nicht der Fall ist, suchen Sie die CSS-Datei unter der Vorlagenliste auf der rechten Seite.

3 Die CSS-Datei den richtigen CSS-Code hinzufügen. Dies ist beispielsweise der grundlegenden Code ein Bild in einem Beitrag oder einer Seite einbetten:

.Image {}

Hintergrund: URL (http://www.yoururl.com/image.gif);

Breite: 100px;

Höhe: 100px;

}

Die URL in das Background-Attribut enthält den Link zu Ihrem Bild. Passen Sie die Breite und Höhe auf Grundlage der Bildabmessungen. Klicken Sie auf "Update-Datei", nachdem alle Änderungen durchgeführt wurden.

4 Klicken Sie auf "Add New" unter "Beiträge" oder "Seiten" im linken Navigationsmenü. Sie können auch eine vorhandene Datei aktualisieren.

5 Rufen Sie in das Bild aus dem HTML-Dokument. Fügen Sie den folgenden Code zu Ihrer Post oder Seite:

< Div Class = "Bild" >< / Div >

Die Klasse "Bild" ist das Attribut in der CSS-Datei gebunden.

6 Klicken Sie auf "Veröffentlichen", um Ihre HTML-Datei Leben zu drücken. Eine Vorschau der Datei, um sicherzustellen, dass die CSS und Dokument-Tags verbinden und Ihr Bild anzeigt.

Tipps & Warnungen

  • CSS-Attribute müssen eindeutig sein. Wenn "Bild" in der CSS-Datei bereits verwendet wird, ändern Sie den Begriff in etwas anderes.