Wie man CSS Stil eingebettete Objekte in Wordpress
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.