So ändern Sie eine Sidebar-Hintergrundfarbe mit einem WordPress-Theme

In WordPress enthalten Seitenleisten häufig Widgets--kleine Programme, die Inhalte wie Menüs oder Kalender-- und andere Informationen auf der Seite Ihrer Haupt-Blog-Inhalte anzeigen. Seitenleisten existieren in eigenen Dateien, die primär eine sidebar.php wird. Sie können diese Dateien aus dem WordPress-Dashboard öffnen und inspizieren ihre HTML erhalten Informationen die Sie benötigen, um eine Sidebar Hintergrundfarbe im Stylesheet ändern. Die Stylesheet-Datei style.css enthält Cascading Stylesheet (CSS)-Code, die das Aussehen Ihres gesamten Blogs steuert.

Anweisungen

1 Melden Sie sich das WordPress-Dashboard aus dem wp-Admin-Verzeichnis Ihrer Website. Navigieren Sie zu dem "Auftritt"-Bildschirm, und klicken Sie auf den Link "Editor" unter "Darstellung" im linken Menü. Klicken Sie den Link zu Ihrer Datei Seitenleiste unter "Vorlagen" Überschrift.

2 Div oder Abschnitt Tags, die wrap-around der Sidebar im Code zu finden. Fügen Sie ein paar Div-Tags umschließen, wenn Sie keiner zu sehen, und Ihnen einen ID-Namen. Hier ist ein Beispiel der Seitenleiste Code:

< Div Id = "primäre" Class = "Seitenleiste" >

<? Php wenn (! function_exists('dynamic_sidebar') ||! Dynamic_sidebar ("primäre Sidebar')):? >

<? Php Endif;? >

< / Div >

Im oben genannten Beispiel müssten Sie den ID-Namen "primären" aus dem ersten Div-Tag. Speichern Sie die Datei, wenn Sie es geändert haben.

3 Öffnen Sie die style.css-Datei in Ihrem Themen-Editor, indem Sie auf den Link unter "Vorlagen." Suchen eines Selektors wie "#idname" wo ist "Idname" den ID-Namen der Ihre Umhüllung Div oder Abschnitt Markierungen. Wenn dieser Selektor nicht angezeigt wird, fügen Sie es an das Ende der Datei. Bearbeiten Sie Ihre CSS-Code, so sieht es wie folgt aus:

IDName {} Hintergrundfarbe: #cecece;

}

Der obige Code zeigt, wie die Hintergrundfarbe für das Div oder mit einem ID-Namen "Idname." festgelegt ist Ihre Auswahl kann andere Eigenschaft-Wert-Paare umfassen.

4 Ändern Sie den Wert der "Background-Color" an den Code für die Farbe, die Sie verwenden möchten. Benannte Farben wie "rot" oder "violett," wie "#ff0000" hexadezimale Farbcodes oder RGBa (rot, grün, blau und Alpha) Codes wie "Rgba (255, 255, 0, 0.5)" können Sie halbtransparente Farben angeben. Speichern Sie die Datei, nachdem Sie abgeschlossen haben.

Tipps & Warnungen

• Sichern Sie Ihre WordPress-Theme-Dateien immer vor der Bearbeitung.