Wie du ein Grid mit Divigrid erstellst - Mein Guide

Willkommen zu unserem Blogbeitrag, in dem wir dir zeigen, wie du mithilfe des Divigrid Plugins ein beeindruckendes Grid für deine Webseite mit einem Theme von Elegant Themes erstellst. Divigrid ist ein tolles Plugin für die Webentwicklung, das es dir ermöglicht, komplexe Rasterlayouts einfach zu erstellen und anzupassen. In diesem Beitrag werden wir dir Schritt für Schritt zeigen, wie du das Divigrid-Plugin installierst, einrichtest und ein beeindruckendes Grid erstellst.

Das Plugin glänzt genau dann, wenn du mal keine Standard-Auflistung deiner Posts möchtest, sondern spezielle Effekte, Animationen und Designs möchtest. Lass deiner Kreativität freien Lauf.

Was kostet Divi Grid?

	Personal	Business Lifetime	Agency
Websites	1	unlimitiert	unlimitiert
Updates	1 Jahr	unlimitiert	1 Jahr
Premium Support	1 Jahr	1 Jahr	1 Jahr
Alle Module	ja	ja	ja
	$ 29,00 jährlich	$ 79,00 einmalig	$ 39,00 jährlich

Die Erweiterung für das Divi-Theme ist bereit ab $ 29,00 jährlich zu haben. Allerdings nur für eine Website.

Ich finde den Lifetime Deal für $ 79,00 einmalig am interessantesten. Damit kannst du das Plugin auch auf beliebig vielen Websites nutzen.

Alle Divigrid Module

Im Folgenden werden alle 30 Divigrid Module aufgelistet, die in der aktuellen Softwareversion enthalten sind. Der Screenshot zeigt, wie das Raster als Beispiel dargestellt wird und darunter findest du eine kurze Erklärung.

Einige der Gitter sind schon sehr ausgefallen und so bei keinem anderen Plugin zu finden.

Divigrid Module können für responsive und flexible Rasterlayouts genutzt werden, um beeindruckende, dynamische und anpassbare Designs für die Website ohne Programmierung zu erstellen. Sie bieten volle Kontrolle über die Anzahl der Spalten, Reihenabstände, Inhaltsausrichtung und mehr.

Die Module sind sehr vielseitig, einfach zu bedienen und kompatibel mit dem Divi-Theme, was sie zu einer intelligenten Wahl für die Erstellung von ansprechenden und benutzerfreundlichen Websites macht.

Installation des Divigrid Plugins

Bevor du mit der Verwendung des Divigrid Plugins beginnen kannst, musst du es zuerst installieren. Hier ist eine einfache Schritt-für-Schritt-Anleitung zur Installation:

1. Lade das Plugin-ZIP-File vom Hersteller herunter.
2. Im WordPress-Admin gehe nach Plugins > Installieren und klicke auf „Plugin hochladen“.
3. Aktiviere das Plugin.

Wichtig, du benötigst das Divi Theme, Extra oder den Divi Builder, um dieses Plugin nutzen zu können!

Einrichten und Konfigurieren des Divigrid Plugins

Sobald das Divigrid Plugin erfolgreich installiert ist, kannst du es einrichten und konfigurieren, um es für dein Projekt anzupassen.

Viel zu machen ist hier allerdings nicht. Im Menü General und Templates findest du Anleitungen und Demos.

In „Modules“ kannst du nicht benötigte Grid-Module komplett deaktivieren. Dann werden diese im Editor nicht mehr angezeigt.

Erstellen eines Grids mit Divigrid

Jetzt bist du bereit, dein erstes Grid mit Divigrid zu erstellen.

Hier ist eine Schritt-für-Schritt-Anleitung zum Einfügen eines neuen Rasters:

1. Öffne die gewünschte Seite oder den Beitrag mit dem Divi Builder.
2. Klicke auf eines der Plus-Symbole, um dort die neuen Modulkarten einzufügen.
3. An der Stelle öffnet sich das „Modul einfügen“ Menü.
4. Scrolle etwas nach unten, wo dann die orangen Divigrid-Module erscheinen.
5. Klicke auf deine Wahl, wodurch das Modul im Editor erscheint.

Die Vorschau wird direkt angezeigt. Im nächsten Schritt geht es an das Designen des Rasters.

Anpassen des Grids

Divigrid bietet dir zahlreiche Anpassungsmöglichkeiten, um dein Grid einzigartig und ansprechend zu gestalten. Jedes Schachbrett hat unterschiedliche Einstellungsmöglichkeiten. Dennoch findest du immer das bekannte Einstellungsmenü mit den drei Reitern:

1. Inhalt: Bestimme, wie viele Zeilen und Reihen dein Rasten haben soll. Hier wählst du auch die Kategorien und Tags, aus denen deine Posts, Seiten oder Bilder kommen sollen.
2. Design: Alle optischen Einstellungen nimmst du im Tab Design vor. Dazu gehören auch Animationen, Overlays, Hover, Abstände oder der Rahmen.
3. Erweitert: Im letzten Reiter machst du benutzerdefinierte Änderungen am CSS oder Anpassungen zum Responsive Design.

Nimm dir Zeit, um verschiedene Optionen auszuprobieren und deine Gitterkarte nach deinen Vorlieben anzupassen.

Fazit

Das Divigrid Plugin ist eine großartige Lösung für die Erstellung von Grids in der Webentwicklung. Es ermöglicht es dir, schnell und einfach komplexe Rasterlayouts zu erstellen und anzupassen. Mit den umfangreichen Konfigurationsmöglichkeiten und Anpassungsoptionen kannst du dein Grid ganz nach deinen Vorstellungen gestalten. Nutze dieses leistungsstarke Plugin, um beeindruckende Raster für deine Webseite zu erstellen und deine Inhalte optimal zu präsentieren.

Wir hoffen, dass dieser Blogbeitrag dir geholfen hat, die Verwendung des Divigrid Plugins zu verstehen und ein beeindruckendes Grid für deine Webseite zu erstellen. Viel Spaß beim Gestalten deines einzigartigen Grids!