Wie würdet ihr das machen? Multicolumn Content Ausrichtung

  • Hallo,

    ich benötige dringend einen Ratschlag bezüglich meines 2 Spalten Layouts. Für mein Template habe ich vorgesehen den Content Bereich in zwei Divs zu unterteilen, also

    Code
    <div id="content">
    <div id="content_left">
    </div>
    <div id="content_right">
    </div>
    </div>

    Dabei soll auf der linken Seite text abgebildet werden und auf der rechten seite Bilder.

    Im Wordpress Admin kann der Benutzer den Text einer Seite somit erstellen, dass er Text und Bilder untereinander einfügt, bspw.

    Text

    BILD

    Text

    BILD

    Ich habe nun eine functions.php gebastelt, die sobald sie ein image tag findet, das bild in ein div="content_right" wrappt und den davor liegenden Text in div="content_left". Das funktioniert, zwar aber ich bin sehr unflexibel. Somit habe ich beispielsweise keine Chance mehr im content_left irgendwelche Bilder einzufügen.

    Daher meine Frage. Wie würde ihr das lösen, wenn ihr euren content bereich so einfach wie möglich halten wollt aber die möglichkeit bieten wollt, das links text steht und rechts ein dazu passendes bild?

    Falls ihr noch mehr Infor benötigt sagt bescheid, ich poste hier den code gerne rein.

    vielen dank im voraus!

    • 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

  • Ich würde glaube ich einfach alle Bilder im Content-Bereich per negativem Margin aus dem Bereich rausrücken. Dann müsste man natürlich schauen, dass sich nichts überlagert und so. Wäre aber vielleicht eine Idee. Bilder, die im Text bleiben sollen, können ja eine andere Klasse kriegen.

Jetzt mitmachen!

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