bestehendes Wuhan Theme in WuCoco Theme ändern

  • Hallo

    Ich möchte in meinem bestehenden Theme (Wuhan) links eine Spalte zusätzlich einfügen. Das ganze soll dann wie das Theme Wucoco aussehen:
    http://themes.wordpress.net/columns/3-colu…ee-column-0100/

    Nun hab ich soweit alles vorbereitet (Post-Kolonne und Sidebar an die richtige Position verschoben, Hintergrundgrafik auf 3 Spalten verändert):
    http://www.fpoint.ch/wucoco/

    Für die neue 3. Spalte ganz links hab ich eine Datei erstellt mit dem Namen "leftbar.php":

    .

    In der Index-Datei hab ich folgende Zeile eingefügt:

    PHP
    <?php include (TEMPLATEPATH . '/leftbar.php'); ?>

    Und in der CSS-Datei #sidebar dupliziert und auf #leftbar mit neuer Position abgeändert:

    Code
    #leftbar
      { font-size: 1.1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin-left: 0px; padding: 0 0 10px; width: 180px }

    Hier hab ich nur "margin-left" von 724px auf 0px geändert.

    Das Problem ist nun, dass der Inhalt von leftbar.php nicht direkt neben den Posts und der Sidebar, sondern immer darüber bzw. darunter angezeigt wird (je nachdem wo man bei index.php die Zeile "<?php include (TEMPLATEPATH . '/leftbar.php'); ?>" einfügt. Hab das Gefühl, dass leftbar.php nicht die Infos von der CSS-Datei übernimmt.

    Wie kann ich also Posts, Sidebar und Leftbar in eine Höhe bringen?
    Hier der momentane Stand (Testseite):
    http://www.fpoint.ch/wucoco/

    • 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

  • 3. Spalte richtig positionieren

    Und immer wenn ich schon stundenlang ausprobiert habe und dann hier poste, komm ich schlussendlich selbst auf die Lösung des Problems:

    Bei #leftbar hab ich folgende Zeile hinzugefügt:
    position: absolute; top: 0;

    also ganzer CSS-Code:

    Code
    #leftbar
      { font-size: 1.1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; position: absolute; top: 0; margin-left: 0; padding: 0 0 10px; width: 180px    }

    Und schon steht die Leftbar an richtiger Position.

Jetzt mitmachen!

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