Einführung des CSS -Netzes für Divi 5

Dies ist ein großer. Wir haben den besten CSS -Gitterbauer gebaut und es ist heute für Divi 5 erhältlich. Es ist besser als Elementor. Es ist besser als Ziegel. Egal, ob Sie das Netz beherrschen oder einfach die neuen Gittervorlagen von Divi verwenden möchten, Sie werden dieses Update lieben.

Schauen Sie sich das folgende Video an, um die neue Funktion in Aktion anzuzeigen.

CSS -Gitter für alle

Divi 5 ist weit entfernt von seinem Vorgänger. Wir haben Divi in ​​ein Webdesign -Kraftpaket mit neuen Funktionen wie Flexbox, erweiterten Einheiten, Voreinstellungen und Designvariablen gemacht. CSS Grid ist der nächste große Schritt nach vorne.

Gleichzeitig möchten wir nicht, dass sich vorhandene Benutzer in neuen Umgebungen verloren fühlen oder begraben fühlen. Wir haben das richtige Gleichgewicht zwischen den notwendigen Benutzern gegründet, während die Netzlayouts für Anfänger zugänglich gemacht werden.

Gittervorlagen für jeden Anlass

Wenn Sie noch nie von CSS -Gitter gehört haben und keine Lust haben, die Vor- und Nachteile von Gitterlayouts zu lernen, mach dir keine Sorgen, du musst es nicht. Genießen Sie die neuen vorgefertigten Gittervorlagen!

Die Schönheit der Verwendung von Gittervorlagen ist, dass das Raster auf Behälterebene gesteuert wird und beim Hinzufügen neuer Gegenstände dem Raster automatisch entspricht. Es ist viel intuitiver und schaltet eine neue Vielfalt von Designs frei.

Divi hat Gittervorlagen für jede Situation, und es ist einfach, sie auf vorhandene Inhalte anzuwenden.

Vollständige Kontrolle für Netzexperten

Wenn Sie ein erfahrener CSS -Gitterexperte sind, halten Sie die Grid -Optionen von Divi nicht zurück. Sie können direkt auf den Punkt kommen, Ihre Spalten- und Zeilengittervorlagen manuell definieren und mithilfe der Offset -Bearbeitung verschiedene Rasterlayouts erstellen, die ich später berühren werde.

Natürlich können Sie auch mit dem benutzerdefinierten CSS -Panel auf die Schnittstelle verzichten und Rasterregeln anwenden. Was auch immer für Sie am besten funktioniert.

Intuitive Netzoptionen für Web -Assembler

Wenn Sie irgendwo dazwischen sind, dann scheint Divi 5's Grid Builder wirklich.

Wir haben die CSS -Gitterparameter in Einstellungen transformiert, um vertikale oder horizontale Gitter zu erstellen, Spalten- und Zeilenabmessungen, Gitterrichtung, Elementausrichtung und Begründung und vieles mehr anzupassen.

Darüber hinaus enthält die Größenoptionsgruppe neue Spalten- und Zeilenoptionen, mit denen Sie die Breite, Höhe und Position eines einzelnen Rasterelements im Netz einstellen können.

Raster -Offset -Bearbeitung

Einer der einzigartigsten Aspekte des Grid Builders von Divi 5 ist der Offset-Editor, mit dem Sie sich auf Containerebene wiederholende nicht-symmetrische Gittermuster erstellen können. Lassen Sie mich Ihnen ein Beispiel für reale Welt geben.

Ich habe im Video unten eine Blog -Vorlage mit dem Loop Builder von Divi 5 erstellt. Jede Spalte ist ein mit dynamischer Inhalt gefüllter Schleifenelement. Wenn ich den Raster -Layout -Stil auf dem übergeordneten Container aktiviere, entsprechen die Spalten automatisch dem Raster.

Ich kann die Anzahl der Spalten anpassen, benutzerdefinierte Spalten- oder Zeilenmuster eingeben, die Lückengrößen ändern und viele andere Dinge tun.

Darüber hinaus kann ich den Offset -Editor verwenden, um Regeln auf bestimmte Elemente im Netz anzuwenden.

Anstelle eines Standardspaltenmusters, das sich in jeder Zeile wiederholt, kann ich Offset -Muster erstellen, indem ich beispielsweise alle vierten Elemente zwei Spalten mit dem zweiten und dritten Element aufweist. Diese Offset-Muster geben die vorgefertigten Zeilenvorlagen von Divi 5 so viel Abwechslung.

CSS Grid Demos (kostenloser Download)

Sie können spektakuläre Layouts mit CSS -Gitter erstellen, die noch nie möglich waren. Wenn Sie Inspiration wünschen, schauen Sie sich diese atemberaubenden Layouts an, die unser Designteam mit der neuesten Version von Divi 5 erstellt hat.

Sie können sie kostenlos herunterladen und selbst testen.

Versuchen Sie es noch heute Divi 5

CSS Grid für Divi 5 ist heute erhältlich und eine von vielen Funktionen, die in diesem Jahr zu Divi kommen.

Sie können mit dem Fortschritt der endgültigen Veröffentlichung von Divi 5 und darüber hinaus mit Updates alle zwei Wochen fortfahren. Abhängig von Ihren Prioritäten können Sie Divi 5 jetzt verwenden, um neue Websites zu erstellen oder zu warten, bis wir weitere Funktionen hinzufügen, was auch immer für Sie funktioniert.

Wie in Divi 5s ursprünglicher Multi-Phasen-Veröffentlichungsplan von Divi 5 dargestellt, ist das Divi 5 Public Alpha wie „Divi 5 Lite“. Es fehlen einige Funktionen und eignet sich möglicherweise nicht für vorhandene Websites. Es ist jedoch bereit, auf neuen Websites verwendet zu werden, wenn Sie die Erfahrung Divi 4 vorziehen.

Wir möchten, dass Sie es versuchen, und wenn Sie es lieben, benutzen Sie es. Wenn jeder es liebt, werden wir es offiziell machen.

Haben Sie benutzerdefinierte Attribute für Divi 5 ausprobiert?

Für den Fall, dass Sie es verpasst haben, haben wir kürzlich die neuen benutzerdefinierten Attribute veröffentlicht, mit denen Sie jedes Attribut wie Alt, Titel, Rel und Aria-Label zu Elementen und den meisten Subelementen hinzufügen können.

Divi hat Unterstützung für bestimmte Attribute wie Klassen und ID unterstützt, aber jetzt können Sie jedem Element ein beliebiges Attribut hinzufügen. Dies ist besonders wichtig für die Barrierefreiheit und ermöglicht es Ihnen, Bilder und Rollen und Beschriftungen beispielsweise Alt-Text zu nicht-semantischen Elementen wie einer Symbolbasis hinzuzufügen.

Sehen Sie sich dieses Video für alle Details an.

Weitere Divi 5 -Updates sind unterwegs

2025 ist das Jahr von Divi 5 . Die mühsame Arbeit liegt hinter uns. Wir haben die superschnelle Stiftung gebaut, und jetzt ist es Zeit für Divi, ihr Comeback zu feiern.

Wenn Sie für das Divi -Comeback hier sind, tun Sie uns einen großen Gefallen und lassen Sie es uns wissen, indem Sie dieses Video mögen und einen Kommentar hinterlassen. Es bedeutet uns sehr viel, Sie zu sehen, wie Sie Divi anfeuern, und es ist wichtig, den Algorithmus zu füttern und das Wort zu verbreiten.

Vergessen Sie nicht, uns auf YouTube zu folgen und den Divi -Newsletter abonnieren, damit Sie nie ein Update verpassen. Wir sehen uns bald für eine weitere Ankündigung von Divi 5 -Feature, von der ich verspreche, dass sie gleich um die Ecke sein wird.