Widget: Container vs. Innerer Abschnitt

  • Hallo Zusammen.

    Derzeit beschäftige ich mich innerhalb eines Blogs mit Containern, vormals Innerer Abschnitt (...IA).
    Mit IA habe ich sehr gerne und viel gamacht. Die Zeit ist endgültig vorbei.
    Vorab habe ich dieses Tut und das hier gelesen.

    Nun "zanke" ich mich mit Containern rum.
    Bsp. siehe hier
    Ich bin ratlos was ich falsch mache...

    Mein Ziel?
    Einen Textblock als Zentrum, rechts und/oder links daneben, oder mal darunter einige unterschiedliche Medien-Dateien (Bilder, Filme, Audios).

    Ich fange immer mit einem einfachen leeren Container an - also ohne Verschachtelungs-Vorgaben.
    Oft lassen bei mir die Container keine daneben und dann weitere Medien darunter zu. Selbst wenn ich etwas neben den Text eine Mediandatei hin bekomme, schaffe ich folgende Medien nicht unter das erste Medium.
    Sollte aber das ~irgendwie~ klappen, kann ich die Reihenfolge nicht sauber verändern.
    Kontrolle wie bei IA habe ich überhaupt nichts!
    Mittlerweile stecke ich jeden Text und jedes Medium in einen eigenen Container. Also komplex verschachtelte Container.

    • mache ich etwas Falsch? Was mache ich Falsch?
    • Der Widget Container fühlt sich an wie eine Alpha-Version?
    • Kann das sein, dass sich um deutliche Bugs handelt?

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

    • 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


  • Derzeit beschäftige ich mich innerhalb eines Blogs mit Containern, vormals Innerer Abschnitt (...IA).
    Mit IA habe ich sehr gerne und viel gamacht. Die Zeit ist endgültig vorbei.
    Vorab habe ich dieses

    Mittlerweile stecke ich jeden Text und jedes Medium in einen eigenen Container. Also komplex verschachtelte Container.

    • mache ich etwas Falsch? Was mache ich Falsch?

    Um die Gestaltung, die du wünschst, umzusetzen, musst du zunächst den Flexbox Container aktivieren, indem du zu Elementor > Einstellungen > Experimente gehst und das Experiment "Flexbox Container" einschaltest.

    Dann kannst du einen neuen Container auf deine Seite hinzufügen und die gewünschten Widgets in den Container ziehen. Um einen Textblock als Zentrum zu haben, kannst du das Widget "Überschrift" oder "Texteditor" verwenden und die Ausrichtung auf "Zentriert" einstellen.

    Um rechts und/oder links daneben oder mal darunter einige unterschiedliche Medien-Dateien (Bilder, Filme, Audios) zu haben, kannst du die Widgets "Bild", "Video" oder "Audio" verwenden und die Anordnung auf "Nebeneinander" oder "Untereinander" einstellen. du kannst auch die Abstände zwischen den Widgets anpassen, indem du die Optionen "Abstand" und "Polsterung" im Container-Widget verwendest.

    Für eine detaillierte Anleitung, wie du den Flexbox Container verwenden kannst, empfehle ich dir das bereits genannte Video-Tutorial von Online-Toolkiste anzuschauen

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Mit offenen Augen träumen

  • ...soweit die Theorie.

    Wie beschrieben, bin ich erst einmal Lehrbuchartig (laut Tut.) vor gegangen. Kam aber sehr schnell an Grenzen.

    | Win10 | FireFox | WP | Neve | befreitemusik . de |


  • Wie beschrieben, bin ich erst einmal Lehrbuchartig (laut Tut.) vor gegangen. Kam aber sehr schnell an Grenzen.

    Dies kann an den vielen CSS Fehler an deiner Seite liegen
    https://jigsaw.w3.org/css-validator/…arning=&lang=de

    Evtl. ist auch ein umdenken notwendig. Die Grundlagen von [size=24]Responsive Web Design [/SIZE]
    kannst du hier kostenlos erlernen https://www.freecodecamp.org/learn/2022/responsive-web-design/
    Nicht alles was man unter HTML 4 machen konnste ist heute wirklich sinnvoll auf einem Smartphone. Auffällig ist halt, dass alle Screenshots in deinen Verlinkten weiteren tut,s einen Desktop Monitor zeigen. Vor einer gefühlten Ewigkeit wurde Mobil First festgeschrieben. Wobei wir eigentlich jetzt im Internet+ Zeitalter sind... (Meatverse First) egal - Das Thema geht an WordPress vorbei...

    Du kannst dir auch Firefox für Developer installieren und deinen Code untersuchen
    https://www.mozilla.org/de/firefox/developer/

    Mit offenen Augen träumen

  • Dies kann an den


    Der komplette Kommentar steht in keinem Zusammenhang zu Elementor und ist diesbezüglich sinnfrei bis kontraproduktiv.
    Dies könnte daran liegen, dass r23 (nach seinem eigenem Bekunden) keine Ahnung von Elementor hat.
    Ich mutmaße aber nur, was weiß ich schon... :rolleyes:

  • Ich mutmaße aber nur, was weiß ich schon... :rolleyes:


    Solang nichts eigenes + konstruktives kommt, bitte einfach zurück halten.

    Du kannst dir auch Firefox für Developer installieren und deinen Code untersuchen


    Danke für deinen Hinweis!
    Zur qualifizierten Untersuchung gehört fundiertes Hintergrundwissen über Codes - alles Andere ist nur stümperhaftes Handeln.

    Anhand deiner Bemerkungen, ist mir allerdings aufgefallen, dass seit meinem letzten Blogaufbau, erstmals mit dem Einsatz von Containern, ist mein WP-Backend extrem langsam geworden ist. Vielleicht nur ein Zufall...
    Ich schau mal ob ich WP optimieren muss.

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

  • So, der Blog mit den Containern sieht endlich so aus wie es meine Layout vorsah.
    Das Layouten hat mich statt 1 Stunde, 2 Wochen, viele Nerven und unzählige telefonate mit dem Autor gekostet.
    Zukünftig muss ich wesentlich achtsamer und langsamer vorgehen. Leider fällte zu der Gestaltung auch meine Median/Text-Poolbildung innerhalb der Seite weg, aus der ich beim Layouten intuitiv hin- und hergeschoben/kopiert habe.

    1. Nach meiner Erfahrung können die Container-Widgets sehr schlecht mit fertigen Median-Widgets (aus anderen (Pool-) Bereichen der selben Seite/Blog) umgehen, die in Container kopiert oder verschoben werden.
    Dieses war in Inneren Abschnitten völlig problemlos.
    2. Ausserdem ist die Breitenangabe der einzelnen Container irreführend; Verbreitere ich einen Container von 50 auf 80% (Hauptcontainer 100%) verkleinert sich der danebenliegende Container nicht von 50% auf 20%. Ein Teil des 2ten Container rutscht ausserhalb des Gesamtrandes ins Unsichtbare.
    Auch das konnte Inneren Abschnitte wesentlich intuitiver.
    3.1. Auch bei intensiver Container-Verschachtelung sind die Größenangaben problematisch.
    3.2. Zusätzlich kommt es zu extremen Elemantor-Verlangsamungen.

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

Jetzt mitmachen!

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