Black Friday Sale! Save up to 50% off!
Wir müssen jetzt technische Schwierigkeiten haben. Der Online-Editor und Websites mit Ausnahme von Websites mit der benutzerdefinierten Domain sind nicht verfügbar. Wir arbeiten hart daran, dies zu beheben.
  1. Zuhause
  2. Eigenschaften
  3. Webseitenelemente
  4. Grid-Repeater-Element
  5. Spalten Zum Grid-Repeater Hinzufügen

So fügen Sie dem Grid Repeater in Website-Blöcken Spalten hinzu

Sie können die Anzahl der Spalten für den in einem Block verwendeten Grid Repeater einfach ändern. Klicken Sie auf das blaue Plus-Symbol auf der rechten Seite des Grid-Repeaters und wählen Sie dann die Anzahl der Spalten aus der Dropdown-Liste aus. Sie können sowohl inkrementierende als auch dekrementierende Zahlen auswählen.
Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente
Unterstützte Systeme
Visueller Seiteneditor
Design-Elemente
Medienbibliotheken
Elementeigenschaften
Responsiv
Animationseffekte
Themen Einstellungen
Kontakt Formular
Kopfzeile Fußzeile
Blog
E-Commerce
SEO
Benutzerdefinierter Code
Anwendungsfunktionen
Site- und Seiteneigenschaften
WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Grid Repeater Item Gap

Mit der Eigenschaft Item Gap im Property Panel können Sie den Abstand zwischen Grid Repeater-Elementen ändern. Wählen Sie den Grid Repeater aus, gehen Sie zum Eigenschaftsfenster, suchen Sie die Eigenschaft Item Gap und ziehen Sie den Schieberegler, um den Abstand zwischen den Grid Repeater-Elementen zu ändern.
Box-Hover-Animation für Grid-Repeater-Elemente

Ähnlich wie beim Gruppenelement können Sie Grid-Repeater-Elemente beim Group (Item) Hover animieren. Dabei können Sie auch den Hover-Animationseffekt zu Elementen hinzufügen, und sie werden zusammenarbeiten. Gehen Sie zum Eigenschaftenbereich, hinunter zum Abschnitt Animation ein, und stellen Sie bei Bedarf sowohl Hover- als auch Group Hover-Animationseffekte ein.
Mehrfachauswahl zum Grid-Repeater

Sie können mehrfach ausgewählte Elemente in einen Grid-Repeater umwandeln. Es beschleunigt die Entwicklung von Blöcken wie Features, Team, Testimonials usw. Wählen Sie mehrere Elemente aus und klicken Sie dann auf das blaue Plus-Symbol am linken Rand. Wählen Sie als Nächstes das Grid-Repeater-Layout aus.
Eigenschaften von Spalten und Zeilen

Im Eigenschaftsfenster können Sie Elementeigenschaften ändern. Beispielsweise können Sie die Spalten und Zeilen an einer Stelle für den Grid Repeater ändern. Um die Spalten und Zeilen zu ändern, gehen Sie zu den Eigenschaftsfeldern und ziehen Sie die entsprechenden Schieberegler, um die Eigenschaftswerte zu ändern.
Grid-Repeater zum Karussell

Karussell-Schieberegler sind im modernen Webdesign sehr beliebt, und normalerweise haben Karussellelemente das gleiche Layout und die gleichen Elementsätze. In Nicepage können Sie jeden Grid-Repeater ganz einfach in ein Karussell umwandeln, indem Sie im Eigenschaftsfenster auf die Switcher-Option klicken.
Grid Repeater Elementfarben

Mit dem Grid-Repeater-Element können Sie seinen Items und enthaltenen Elementen unterschiedliche Farben zuweisen. Wechseln Sie dazu in das Eigenschaftsfenster und wechseln Sie im Abschnitt „Stil anwenden auf“ von „Alle Elemente“ zu „Element“. Stellen Sie dann die für Ihre Webdesign-Idee erforderlichen Farben ein
Zeilen zu Grid Repeater hinzufügen

Ähnlich wie beim Hinzufügen von Spalten können Sie die Anzahl der Zeilen erhöhen und verringern, indem Sie auf das blaue Plus-Symbol unten im Grid Repeater klicken. Nachdem Sie die Dropdown-Liste sehen, können Sie die Anzahl der erforderlichen Zeilen auswählen. Sie können sowohl inkrementierende als auch dekrementierende Zahlen auswählen.

Kostenlose Vorlagen mit Grid-Repeater-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How To Add Columns To The Grid Repeater

When you start building your site with the grid repeater element, it helps you optimize the page layout construction and set up the web design grids without unnecessary repetition. Suppose you created a beautiful group of elements with a responsive design. You can make the same group but in a column layout while losing no time. Using our Grid Repeater, you can select the group, then click the plus icon on the side, and the system will ask you how many columns you would like to add. For now, you can create up to 10 columns with the same text and images and add content to other duplicates after that. The column layout you made will have identical space between columns and column width, so you do not need to position every group manually.

Our page builder plugin provides a good user experience that optimizes the website design construction. Decide how many columns you need to present your content, and then customize the space between them and add content manually. Like WordPress hosting, you can add custom CSS features to your group that is a part of the column layout. The most important thing is that it makes it easy to create even the landing page layout based on how many columns you wish to place. Although less than 12 columns, you can integrate most of the vital content in them. It will greatly improve the user experience of your visitors and potential clients.

Like WordPress hosting, our web hosting services will provide a stable presence for your projects on the internet and all mobile devices. The landing page, which traditionally contains the contact email address and terms of service, also keeps the most important and recent information about your activity. Similar to how the WordPress page builder makes it easy, it is easy to create a beautiful design of the layout you wish to present. Learn how to add custom columns and to create the difference between the groups with columns and elements text and images in your columns by adding custom CSS features and unique content. Please provide your email address to discover how many new features are currently available in the latest version of our page builder.

Company
Product
Themes & Templates
Nicepage
Web Design