Elementor Grid Container (CSS Grid) sind da - Erklärung & Tutorial

Mit den neuen Elementor Grid Container, die ähnlich sind wie ein CSS Grid hast du vollkommen neue Möglichkeiten in deinem Webdesign.

Endlich auf den Pixel genau Grid erstellen ohne großartigen Einstellungen. Bei den Elementor Gird Container handelt es sich um ein Experiment, allerdings läuft es schon sehr stabil!

🔗 Nützliche Links:

🔥 Timestamps
00:00 Intro
00:29 Erklärung CSS Grid
01:03 Grid Container bei Elementor aktivieren
01:38 Grid Container Erklärung und Einstellungen
05:22 Grid Container & Responsive Design
07:02 Abschlussgedanken

Dieses Video beinhaltet Werbung.

#gridcontainer #elementor #wordpress

[NikolausKolba]

Hast du den Elemntor Grid Container schon im Einsatz oder ausprobiert? 😊kommentiere gerne deine Erfahrung🥰

[derleuchtturmwarter]

Danke für die tolle Zusammenfassung! Ich bin noch am Beginn mit Elementor, aber ich fange selbst da immer wieder von vorne an. Erst von columns und rows auf Container, jetzt grid container 😅

[markkitzig]

Hey Super, vielen Dank für das schnelle UP-Date. Ich freue mich schon auf die Loops. 🙂

[tanteemma]

Ich hab das Update gar nicht mitbekommen. Aber das! ist! genau! das! was ich brauche 😅

[denisekaufmann]

Super hilfreich, vielen Dank! Besonders das mobile feature hier ist für mich ein game changer 👍

[msphereproject]

Danke für den Überblick. Hast du dich mit der Speed Performance zu diesem Thema schon auseinandergesetzt, d.h. idente Struktur FlexContainer vs. Grid?

[WolfgangPanduritsch]

Ist ja ganz nett. Aber wirklich interessant wäre es zu erfahren wie man zwei oder drei Zellen miteinander verbindet. Z.B. um ein Pano einzubinden, während die darunter liegenden divs sich nicht verändern. Oder anders ausgedrückt...wie kann man das grid praktisch nutzen?

[ilonahaussmann]

Hi, ich verzweifle gerade an der ganzen Tabellengeschichte. Versuche eine einfach Tabelle darzustellen mit 3 spalten wovon die erste spalte über alle drei spalten gehen sollte mit einer integrierten Überschrift. und unterschiedlichen Hintergrundfarben - Hab mich echt über dein Beitrag gefreut und es "eigentlich" umgesetzt - aber in der mobilen Ansicht hat er alles zerpflückt - also doch nicht die Lösung leider - mit Flexbox geht es ist aber aufwendig zu pflegen und eine alternative hab ich noch icht gefunden....

[larry_williams]

super gut. danke Nik. wie stellt man elementor auf deutsch um?

[foofourtyone]

Und jetzt ml eine Blogartikelübersicht auf einer Archivseite mit dynamischen Daten, ohne Zusatzplugin? Ist das überhaupt möglich?

[rolfantkowiak]

Der Grid Container ist eine sehr gute Ergänzung zum Flexbox Container. Ich habe es ausprobiert und finde es wunderbar und einfach in der Bedienung. Sehr gut finde ich, dass die Darstellung auf den verschiedenen Geräten dadurch vereinfacht wird. Kannst du mir sagen, wo ich Tamplates finden kann. LG Rolf (71)

[derleuchtturmwarter]

Kannst du mal was zu den neuen Megamenü-Optionen machen? Bis vor kurzem war das ja noch ziemliche Bastelei mit Overlays, wenn man nicht den Standard haben wollte und sehr SEO-freundlich war das auch nicht. Hoffe das ändert sich jetzt.

[divemax]

Danke für dein Video! Eignen sich die Grid Container auch um eine Tabelle darzustellen? Würde gerne eine Preisliste erstellen aber möglichst ohne Elementor PRO etc.

[meingoogle]

Kann man mit dem CSS Grid auch Antworten vom Server integrieren? Ich zum Beispiel bekomme von meinen 2 Lieferanten einmal eine *.xml geliefert und von dem anderen JSON beides als URL, nun wäre es cool wenn man die gesamten Artikel einlesen könnte und Elementor automatisch soviele Grid´s erstellt, wie Artikel übergeben werden. Habe heute zwar was mit Request Parametern gefunden aber mehr auch leider nicht! Macht weiter so, sehr hilfreiche Video`s!

[DieKinderbuchbande]

Wie kann ich mir das Webdesign selbst beibringen hast du da paar Tipps

[davidschubert]

Totaler Müll. Wie bekomme ich es hin das ein Container innerhalb eines Grid über 2fr von 3fr läuft?