Anpassen der Wordpress-Site Hintergrund Mit CSS

EIN Cascading Style Sheet

(CSS) ist ein Stylesheet, das die Darstellung von Inhalten auf einer Website-Vorlage steuert. Jedes Wordpress-Theme Sie in Ihrer Website verwendet einen CSS, die Stil und Design Gespür Ihrer Vorlagen zur Verfügung stellt. Ändern des Standard-Inhalte Ihrer Website Hintergrund wird durch eine Änderung der Grundkörper Komponenten der Vorlage, die Sie verwenden getan.

1

Am Wordpress-Dashboard wählen AppearanceEditor bearbeiten Themen zu öffnen.

Nach der Auswahl des Themas, mit dem Sie arbeiten wollen, öffnet sich das zugehörige Sheet im Bearbeitungsmodus.

2

Blättern Sie in dem Texteditor nach unten, bis Sie den "Körper" Anzeige lokalisieren.

Im Stylesheet wird der Körper Hintergrund von hexadezimalen Farbcode definiert wie:

body {background: # f1f1f1-}

Achtung. Speichern Sie eine Originalkopie des Stylesheets in einem Textprogramm wie Notepad (Windows) oder Textmate (Mac), so, wenn nötig, können Sie die ursprüngliche CSS finden und kopieren und fügen Sie ihn wieder in Ihrem Stylesheet.

3

Ändern Sie den Hintergrund Eigenschaftswert mit Hex-Codes.

Nehmen Sie die folgende Änderung:

body {background: # 000000-}

Dadurch wird die Hintergrundfarbe von hellgrau bis schwarz ändern. Die W3Schools Website hat eine große Ressource auf Farbe Hex-Codes.

4

Ändern Sie den Hintergrund Eigenschaftswert ohne Hex-Codes.

Im Falle einiger Grundfarben, müssen Sie nicht die Farbe Hex-Code verwenden. Für Farben wie Weiß, Schwarz, Rot, Blau und Silber, können Sie einfach den Farbnamen anstelle des Hex-Code verwenden ..

5

Ändern Sie den Hintergrund Eigenschaft ein Bild zu verwenden.

Sie können ganz einfach ein Bild als Hintergrund für Ihre Website verwenden, indem Sie das Bild in Ihre Themenverzeichnis Hochladen und das Foto des URL im Hintergrund Befehl. Der Wert Aussage würde so aussehen:

body {background: url (images / yourimage.jpg)}
6

Aktualisieren Thema und Änderungen prüfen.

Klicken Sie auf die Update-Datei Schaltfläche am unteren Rand der Seite. Ihre Änderungen werden gespeichert und auf dem ausgewählten Thema. Öffnen Sie eine neue Browser-Sitzung, Ihre Website besuchen und überprüfen Sie Ihre Änderungen.

Ähnliche

Menü