26. September 2010

WordPress Sidebar temporär ausblenden

26. September 2010 - Geschrieben von Martin - Keine Kommentare

WordPress, die meist genutzte Blogsoftware ist oft sehr eigenwillig und widerspenstig. Aber wenn man weiß wo man anpacken muss, ich das alles kein Problem.

Das Problem ist oft, das die Sidebar z.B. auf einer Formularseite oder neben einer Galerie sehr viel Platz einnimmt, welchen man mit dem Inhalt viel besser nutzen könnte.

Nun wollen wir die Sidebar z.B. für das Foto Album Modul ausblenden, hierzu öffnen wir mit dem Plugin Editor das Plugin Template (das ist das mit dem HTML Code) und fügen ganz oben folgenden Code ein:

<style type="text/css">
#sidebar { display: none; }
#content { width: 850px; }
</style>

Dieses Snippet müssen wir natürlich noch anpassen, aber nun erst mal die Erklärung was passiert. Sobald das Template nun von WordPress geladen wird, erkennt der Browser, das der Container mit der ID sidebar nicht dargestellt werden soll (display:none). Nun verschwindet zwar die Sidebar aber der Platz ist noch immer ungenutzt, dies ändern wir mittels der 2. Anweisung, der Content Container soll eine Breite von 850 Pixeln bekommen (das Entspricht beim Linux Doku Template Content- + Sidebar- Container). Diese Breite kann man über diverse Browser Erweiterungen (Stichwort Lineal) auslesen oder man nimmt sich die CSS Datei vor und rechnet selbst.

Allerdings funktioniert diese Lösung nicht bei allen Templates. Mit den gängigsten bei denen Inhalt und Sidebar nebeneinander stehen und kein fixed Hintergrundbild haben, dürfte es keine Probleme geben.