Elementor für WordPress: Innerer Abschnitt leicht erklärt

Der Einsatz von Elementor für WordPress eröffnet dir vielfältige Möglichkeiten zur Gestaltung deiner Website. Eine der nützlichsten Features ist der innere Abschnitt, der es dir erlaubt, dein Layout noch flexibler zu gestalten. In dieser Anleitung erfährst du, wie du mit inneren Abschnitten effektiv arbeitest und dein Design anpasst.

Wichtigste Erkenntnisse

• Der innere Abschnitt ermöglicht es dir, zusätzliche Spalten in bestehenden Abschnitten hinzuzufügen.
• Du kannst die Breite und Höhe der inneren Abschnitte anpassen, um ein ansprechendes Layout zu schaffen.
• Das Hinzufügen von Hintergründen, Bildern und Videos zu inneren Abschnitten verbessert die visuelle Gestaltung deiner Seite.

Schritt-für-Schritt-Anleitung

• Um einen inneren Abschnitt zu erstellen, beginne damit, den Elementor-Editor zu öffnen und auf die linke Seitenleiste zuzugreifen. Klicke auf den Tab „Grundlegend“. Hier findest du den inneren Abschnitt.

• Nachdem die Ansicht aufgeklappt ist, kannst du den inneren Abschnitt per Drag-and-Drop in deine bestehende Section ziehen. Ein einfaches Klicken allein reicht jedoch nicht aus. Ziehe den inneren Abschnitt in eine der Spalten, wodurch du innerhalb dieser Spalte zusätzliche Spalten erhältst.

• Sobald du den inneren Abschnitt platziert hast, wirst du feststellen, dass du jetzt insgesamt drei Spalten hast: zwei äußere und eine innere. Um die Anzahl der Spalten zu erhöhen, kannst du ganz einfach mit einem Rechtsklick auf den inneren Abschnitt die Option „Duplizieren“ wählen.

• Außerdem kannst du die neuen inneren Abschnitte in der gleichen Weise positionieren oder verschieben, wie du es bei äußeren Abschnitten tust. Eine unkomplizierte Methode, um mit dem Layout zu experimentieren.

• Ich empfehle, einige der inneren Abschnitte zu überlegen, die du für Inhalte wie Überschriften, Bilder und Text verwenden möchtest. Klicke auf den inneren Abschnitt, um das Panel zu öffnen. Hier kannst du entscheiden, wie du die verschiedenen Elemente gestalten möchtest.

• Unter den Layout-Optionen kannst du die Größe und den Abstand der Spalten anpassen. Wähle dazu einfach die Parameter, die deinen Vorstellungen entsprechen, aus.

• Neben der Layout-Anpassung kannst du auch die Breite des inneren Abschnitts festlegen. Dies geschieht über den Regler im Layout-Bereich. Ziehe die Linie, um die Breite entsprechend anzupassen.

• Eine wichtige Funktion ist die Anpassung des Spaltenabstands. Mit der Hinzufügung einer zweiten Spalte kannst du diese Einstellungen verfeinern und das visuelle Gleichgewicht deiner Seite optimieren.

• Um weitere Anpassungen am inneren Abschnitt vorzunehmen, kannst du unter dem Stil-Tab den Hintergrund des Abschnitts ändern. Wähle aus, ob du eine Farbe, einen Verlauf oder ein Bild hinzufügen möchtest.

• Wenn du einen Hintergrundverlauf einstellen möchtest, kannst du die obere und untere Farbe festlegen. Das Hinzufügen von Hover-Effekten kann ebenfalls im Stil-Bereich ausgewählt werden.

• Ein weiterer ausgezeichneter Aspekt ist die Möglichkeit, Videos als Hintergrund für deine Abschnitte zu verwenden. Durch das Einfügen eines Video-Links kannst du sicherstellen, dass das Video im Hintergrund automatisch wiedergegeben wird.

• Selbstverständlich kannst du auch eine Slideshow verwenden. Füge einfach deine Bilder hinzu und passe die Übergangseffekte und die Anzeigedauer daran an.

• Zu guter Letzt sollten wir uns die erweiterten Einstellungen ansehen. Hier kannst du für den inneren Abschnitt CSS-IDs hinzufügen, um das Verhalten auf unterschiedlichen Bildschirmgrößen (Responsive Design) besser zu steuern.

Zusammenfassung

Zusammenfassend haben wir die grundlegenden Schritte zur effektiven Nutzung des inneren Abschnitts in Elementor besprochen. Dieses Feature ermöglicht es dir, dein Layout zu verfeinern und ansprechende Designs zu erstellen. Durch das Hinzufügen von weiteren Spalten, Bildern, Videos und Hintergründen kannst du eine Webseite gestalten, die sowohl funktional als auch ansprechend ist.