Gabis Wordpress-Templates

Themes und nützliche Tipps für WordPress-Weblogs

Zwei Sidebars im WordPress anzeigen

Diese Frage taucht ab und zu mal wieder im Wordpres-Forum auf – es war auch meine erste Frage dort, als ich vor fast zwei Jahren meine ersten Gehversuche mit WordPress machte. Im deutschen WordPress-Forum habe ich dazu mehrere Lösungsansätze gefunden, einmal z.B. diesen hier und dann noch diesen.

Wirklich elegant finde ich keine der beiden Lösungen, weil in beiden Fällen in einer Struktur ein Element somit doppelt vorkommt. Ich löse das Ganze lieber über css.

Zunächst lege ich in der sidebar.php die Struktur fest, indem ich folgende id’s einfüge:


<div id="sidebar">
<div id="rechte_seite">
...
</div><!--Ende rechts Seite-->
<div id="linke_seite">
...
</div><!--Ende linke Seite-->
</div><!--Ende Sidebar-->

Um die Sidebar als rechte und linke Spalte nebem dem Inhaltsbereich anzeigen zu lassen, weise ich den beiden id’s “rechte_seite” und “linke_seite” folgende Formateigenschaften zu:

#rechte_seite {
float: right;
}
#linke_seite {
float: left;
}

Über die id #sidebar kann ich dann Formatierungen vornehmen, die für die gesamte Sidebar gelten sollen.

Dieser auf diese Art zweigeteilten Sidebar kann man dann auch zwei Widgetbereiche zufügen:


<div id="sidebar">
<div id="rechte_seite">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('rechte_sidebar') ) : else : ?>
...
<?php endif; ?>
</div><!--Ende rechts Seite-->
<div id="linke_seite">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('linke_sidebar') ) : else : ?>
...
<?php endif; ?>
</div><!--Ende linke Seite-->
</div><!--Ende Sidebar-->

… und so sieht das für die beiden Widgets in der functions.php aus:


<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'linke_sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'rechte_sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Ähnliche Beiträge:

  • Keine ähnlichen Beiträge

Diesen Beitrag bookmarken:

1 Kommentar

  1. Simon sagt:

    hallo!

    ich hab eben diesen wunderbaren tip hier ausprobiert. php hat auch wunderbar funktioniert (die zusätzliche sidebar erscheint im admin-bereich und lässt sich bestücken). aber das css spielt verrückt, wenn ich nur das hier einsetze:
    #rechte_seite {
    float: right;
    }
    #linke_seite {
    float: left;
    }
    was hab ich falsch gemacht? bin noch ein bisschen neu. :roll:

    liegt es vielleicht daran, dass ich in der sidebar.php falsch verschachtelt habe? ich hab folgendes gemacht:

    <?php
    …dann kommt die ganze schleife…
    dann das gleiche nochmal für die linke seite.

    bitte!!! hilfe!!!

    gruß, simon

Kommentar schreiben




XHTML Erlaubte Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Mit Absenden des Kommentars erkläre ich meine Einwilligung zur Verarbeitung der eingegebenen Daten gemäß Datenschutzerklärung



  • ...
  • Statistik

    • 83 Artikel
    • 245 Kommentare
    • 33 Kategorien
    • 41 Verweise. 1,340 Sekunden.
Gabis Wordpress-Templates - WordPress 3.0.4 Anpassung und Design: Gabi. 0 Besucher online