syntaktish korrekte Sidebar?

[pospiech]

Die widgets erzeugen bei mir folgenden HMTL Müll:

PHP-Code:

<ul id="sidebar">
    <h2>Seiten</h2>
    <ul>
<li class="page_item"><a href="http://www.local-wpcqa.de" title="CQa">Home</a></li>
<li class="page_item page-item-6"><a href="http://www.local-wpcqa.de/andere-seite/" title="Andere Seite">Andere Seite</a></li>
<li class="page_item page-item-2 current_page_item "><a href="http://www.local-wpcqa.de/eine-seite/" title="Eine Seite">Eine Seite</a>
    <ul>
        <li class="page_item page-item-5"><a href="http://www.local-wpcqa.de/eine-seite/unterseite/" title="Unterseite">Unterseite</a></li>
    </ul>
    </li>
</ul>
<h2>Kategorien</h2>
    <ul>
        <li class="cat-item cat-item-1"><a href="http://www.local-wpcqa.de/category/allgemein/" title="Alle unter Allgemein abgelegten Beitr&auml;ge ansehen">Allgemein</a></li>
    </ul> 


wie erreiche ich das da korrekter Code steht?

Matthias

[marX]

Was ist daran Müll? Ist doch vollkommen korrekt so.

[Monika]

Zitat von pospiech

Die widgets erzeugen bei mir folgenden HMTL Müll:

PHP-Code:

<ul id="sidebar">
    <h2>Seiten</h2>
    <ul>
<li class="page_item"><a href="http://www.local-wpcqa.de" title="CQa">Home</a></li>
<li class="page_item page-item-6"><a href="http://www.local-wpcqa.de/andere-seite/" title="Andere Seite">Andere Seite</a></li>
<li class="page_item page-item-2 current_page_item "><a href="http://www.local-wpcqa.de/eine-seite/" title="Eine Seite">Eine Seite</a>
    <ul>
        <li class="page_item page-item-5"><a href="http://www.local-wpcqa.de/eine-seite/unterseite/" title="Unterseite">Unterseite</a></li>
    </ul>
    </li>
</ul>
<h2>Kategorien</h2>
    <ul>
        <li class="cat-item cat-item-1"><a href="http://www.local-wpcqa.de/category/allgemein/" title="Alle unter Allgemein abgelegten Beitr&auml;ge ansehen">Allgemein</a></li>
    </ul> 


wie erreiche ich das da korrekter Code steht?

Matthias

es ist zwar viel html dafür erlaubt es individuellste Gestaltung,

meinst Du semantisch korrekt?

wenn ja, das ist es.

syntaktisch wird in Zusammenhang mit html kaum verwendet.


prinzipiell änderbar in der functions.php Deines Themes

lg

[Syntronica]

Ein Fehler ist dort schon.
Dort

<li class="page_item page-item-2 current_page_item "><a href="http://www.local-wpcqa.de/eine-seite/" title="Eine Seite">Eine Seite</a>

fehlt ein abschließendes

</li>

Ich weiß allerdings nicht, was Müll ist.
Ein toleranter Browser zeigt alles korrekt an, obwohl bei XTHML jedes geöffnete li (wie jeder geöffnete Tag) wieder geschlossen werden muss.

[pospiech]

Ich hatte gelesen, dass die sidebar als Liste aufgebaut sein sollte, deshalb das

<ul id="sidebar">

. Danach folgt aber kein <li>, sondern ein <h2>.

Das kann so nicht richtig sein. Aber wenn ich natürlich das umschließende <ul> wennehmen, dann wird es semantisch richtig.

Und wie ich das in der funtions.php ändern soll ist mir unklar. Sieht bei mir derzeit so aus

PHP-Code:

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '<p class="spacer">&nbsp;</p></div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    )); 


wobei ich nicht weiß wie spacer definiert sein sollte.

Matthias

[Ammaletu]

Edit: Pospiech war schneller mit Antworten.

Das abschließende </li> fehlt nicht, es steht nur unter der sich anschließenden Unterliste. Es fällt allerdings schon auf, dass da im äußersten <ul>-Tag einfach <h2>- und <ul>-Tags stehen, ohne <li>s drum herum.

Das kann ja wohl hoffentlich nicht das Standardverhalten der Widgets sein, oder? Liegt es am Theme? Muss das ul außen weg?!

[Syntronica]

Hast du den Code mal durch den w3C-Validator gejagt?

[Monika]

Zitat von pospiech

Ich hatte gelesen, dass die sidebar als Liste aufgebaut sein sollte, deshalb das

<ul id="sidebar">

. Danach folgt aber kein <li>, sondern ein <h2>.

Das kann so nicht richtig sein. Aber wenn ich natürlich das umschließende <ul> wennehmen, dann wird es semantisch richtig.

Und wie ich das in der funtions.php ändern soll ist mir unklar. Sieht bei mir derzeit so aus

PHP-Code:

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '<p class="spacer">&nbsp;</p></div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    )); 


wobei ich nicht weiß wie spacer definiert sein sollte.

Matthias

das obige html passt zu dieser functions Angabe nicht,

selbst wenn ich heute mehr als einen Paradeiser /Tomate auf den Augen habe


so sieht eine von mir aus

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Left Navigation',
        'before_widget' => '<li  class="widget %2$s">', 
        'after_widget' => '</li>', 
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

so sieht die auch im default Theme aus.


hilft das?

lg