syntaktish korrekte Sidebar?

  • Die widgets erzeugen bei mir folgenden HMTL Müll:

    wie erreiche ich das da korrekter Code steht?

    Matthias

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die widgets erzeugen bei mir folgenden HMTL Müll:

    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

  • Ein Fehler ist dort schon.
    Dort

    HTML
    <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

    HTML
    </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.

    Syntronica Le coeur est le moteur du corps, mais le cerveau est le moteur de la vie.

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

    HTML
    <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
    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

  • 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?!

  • 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


    Code
    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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!