Liste der Unterseiten

  • Hey,

    bin zwar kein Neuling mehr in Wordpress, hab jedoch ein kleines Problem mit der Liste der Unterseiten.

    Es wurde bereits alles so angepasst, wie ich mir das vorstelle. Die Liste der Unterseiten wird jedoch so angezeigt:

    • Unterseite
    • Unterseite
    • Unterseite


    Text


    Ich hätte das aber gerne:


    Unterseite | Unterseite | Unterseite

    Text

    Der Quelltext unter page.php sieht folgendermaßen aus:

    PHP
    <?php $sub_pages = wp_list_pages( 'sort_column=menu_order&depth=1&title_li=&echo=0&child_of=' . $id );?>
              <?php if ($sub_pages <> "" ){?>
              <ul>
    
    
    
    
                <?php echo $sub_pages; ?>
              </ul>

    Muss wohl an der ersten Zeile liegen, doch das übersteigt meine Fähigkeiten!

    Hoffe auf Tipps, Grüße Chris.

    • 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

  • Ändere das wie folgt:

    PHP
    <?php $sub_pages = wp_list_pages( 'sort_column=menu_order&depth=1&title_li=&echo=0&child_of=' . $id );?>
              <?php if ($sub_pages <> "" ){?>
              <ul[COLOR="Red"] class="subpages"[/COLOR]>
    
    
    
    
                <?php echo $sub_pages; ?>
              </ul>

    Die Darstellung erfolgt dann mittels CSS:

    Code
    ul.subpages li {
    float:left;
    border-right:1px solid black;
    }
  • hmm, erst mal vielen dank für die schnell mail und den tipp, das Ganze über ul class anzusprechen.

    Wenn ich jedoch float:left benutze, kann der inhalt nur noch rechts neben der navi angezeigt werden.

    Ohne float:left, bleibt alles beim alten.

    Hier mal der ganze Quelltext "entry", erst die Unternavigation, dann kommt der Inhalt:

    css sieht nun so aus:

    PHP
    ul.subpages li {
    float:left;
    
    
    }

    müsste noch ein wenig am abstand feilen, um mit border den strich zu erzeugen - bisher noch zu hoch. Bisher geht es mir aber vor allem nur um die grundlegende Anordnung

    Einmal editiert, zuletzt von C.Trautmann (13. März 2008 um 15:41)

  • Je nach Layoutanforderungen könnte es auch mit display:inline statt float:left funktionieren. Abstände bekommst du mittels margin/padding (was aber bei Inline-Ausrichtung etwas andere Auswirkungen hat).

Jetzt mitmachen!

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