Immer wieder Probleme mit 3-spaltigem Layout

    Hi,

    es ist zum verrückt werden:

    Dies ist mein 100. Versuch entweder ein 3-spaltiges Theme umzumodeln oder wie hier jetzt es selber mittels html, css und php selbst zu coden. Es treten jedoch immer die selben Probleme auf und ich finde einfach keine funktionierende Lösung.

    Im aktuellen Fall habe ich folgende Probleme:

    1. Warum wird die Sidebar direkt in den wrapper eingebaut, ohne eigenen <div>, obwohl dieser meiner Meinung nach im Code hinterlegt ist?

    2. Warum wird nur eine Sidebar ausgegeben, obwohl doch 2 mit unterschiedlichen Inhalten definiert sind?

    3. Warum ist der Hauptteil mit den Artikeln außerhalb des Wrappers, obwohl er laut Code innerhalb sein sollte?!

    4. Naja... vom floaten will ich hier erst garnicht anfangen, das kann ich hier noch nicht einschätzen, bei meinen vorigen Versuchen bestehende Themes umzubauen, war das immer mein Hauptproblem...


    Hier das aktuelle Theme, und das Ganze zum Download, damit der Code näher betrachtet werden kann. Ich hoffe hier hat jemand ein Herz für Anfänger, ich weiß nicht mehr weiter im Moment.

    http://www.banban.bplaced.net/wordpress



    http://www.banban.bplaced.net/wordpress

    • Gerade eben
    • 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

    Also der Aufruf deiner Sidebars ist schon mal nicht richtig:

    PHP
    <?php get_sidebar('sidebar-left'); ?>


    sollte

    PHP
    <?php get_sidebar('left'); ?>


    heissen. Siehe hierzu: https://codex.wordpress.org/Function_Reference/get_sidebar

    Selbiges gilt für den Aufruf der rechten Sidebar!

    Desweiteren fehlt in der sidebar-left.php das Div "sidebar-left".

    In der sidebar-left.php

    PHP
    <?php wp_sidebar('sidebar-left'); ?>


    entfernen (erfüllt meines Wissens nach keine Funktion). Das gleiche nur mit right in eben dieser Datei entfernen.

    Auch die style.css wirst du nochmals überarbeiten müssen. Das Attribut "margin", "border" und "padding" wird zu dem Attribut "width" hinzugezählt, dass heisst, dass sich die gesamtbreite des jeweiligen Div's vergrössert. Siehe hierzu: http://de.selfhtml.org/css/formate/box_modell.htm
    Eine Breiten- bzw. auch Höhenangabe in Prozent orientiert sich an dem jeweiligen Eltern-Div -> auch das solltest du beachten bzw. am Anfang vielleicht nur mit (absoluten) Pixelangaben arbeiten.

    Viel Spass
    Pixselig

    Da ich gesehen habe, dass du den Wrapper komplett falsch eingebaut hast und die Erklärung zu kompliziert wäre da sie über drei Dateien geht habe ich mir erlaubt diesen Fehler, sowie sämtliche von mir oben aufgezählte zu verbessern. Die geänderten Dateien sind im Anhang. Ich habe sie allerdings nicht selbst getestet, sie sollten aber meiner Meinung nach funktionieren. Gib kurz bescheid!

    :shock::shock:

    Krass! Vielen Dank, es funktioniert tatsächlich. Na dann werde ich mal versuchen herauszufinden, was ich wo falsch gemacht habe. Habe in der Zwischenzeit noch zum Üben ein vierspaltiges Layout gemacht, da gibts kaum Probleme, außer mit den flexiblen Breiten, aber dank Deiner Hinweise im ersten Post sollte ich auch das lösen können...

    allerdings habe ich da bisher auch nicht versucht die einzelnen divs in seperate Dateien auszulagern, sondern alles in der index.php gelassen. Werde mir Deine korrigierte Version nochmal genau angucken und es dann hoffentlich in Zukunft besser machen.

    Vielen Dank nochmal für die Mühen.:oops:

    ACHTUNG! AMATEUR.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden