So erstellen und bearbeiten Sie eine Fußzeile in Elementor

Veröffentlicht: 2022-05-11

Die Fußzeile der Website ist ein Bereich, der unten auf der Seite unter dem Inhalt der Website angezeigt wird. Dieser Abschnitt der Webseite enthält normalerweise das Website-Logo, das Navigationsmenü, das Abonnementformular, die Karte, Links zu sozialen Netzwerken und Kontaktinformationen für ein Unternehmen oder eine Organisation. Fußzeilen können je nach Zweck und Art der Website, auf der sie vorhanden sind, in Größe, Inhalt und Stil erheblich variieren.

Wenn Sie Elementor zum Entwerfen Ihrer Website verwenden, können Sie Ihre Website-Fußzeile mit den praktischen Widgets oder vorgefertigten Fußzeilenblöcken in wenigen Minuten erstellen. Außerdem haben Sie viele Anpassungsoptionen, um nützliche Informationen für Ihre Besucher anzuzeigen.

In diesem Blog zeigen wir Ihnen, wie Sie eine Fußzeile in Elementor auf zwei einfache Arten bearbeiten. Außerdem werden wir einen Bonusteil teilen. Verpassen Sie es nicht, wenn Sie kostenlose Fußzeilenblöcke für Ihre Website verwenden möchten.

Lassen Sie uns in den Leitfaden eintauchen.

2 verschiedene Methoden zum Bearbeiten der Fußzeile in Elementor

Die Kopf- und Fußzeile sind gemeinsame Website-Elemente, die jede Website hat. Sie können Ihren Website-Header mit Elementor ganz einfach entwerfen und anpassen. Aber hier konzentrieren wir uns darauf, wie Sie mit Elementor eine Fußzeile gestalten können.

Wenn Sie mit Elementor einen benutzerdefinierten Header entwerfen möchten, können Sie den folgenden praktischen Tutorials folgen.

  • So entwerfen Sie einen benutzerdefinierten Elementor-Header in 2 Minuten
  • So bearbeiten Sie Ihren WordPress-Header mit Elementor

In diesem Abschnitt zeigen wir Ihnen, wie Sie die Fußzeile mit Elementor auf zwei mögliche Arten bearbeiten können.

Methode 1: Fußzeile mit Elementor-Widgets bearbeiten
Methode 2: Fußzeile mit Elementor Theme Builder bearbeiten

Wählen Sie eine Methode, die zu Ihnen passt.

Lass uns anfangen:

Methode 1: Fußzeile mit Elementor-Widgets bearbeiten

Hier erfahren Sie, wie Sie mit den Elementor-Widgets eine Fußzeile von Grund auf neu entwerfen und anpassen.

Schritt 1: Legen Sie die Fußzeilenstruktur fest

Zuerst müssen wir eine Struktur hinzufügen, um unsere Fußzeile zu entwerfen. Sie können dies tun, indem Sie auf das Symbol ( + ) klicken. Folgen Sie dem unteren Bild. Hier haben wir drei Spalten hinzugefügt.

Add New Section

Nachdem Sie die Fußzeilenstruktur hinzugefügt haben, ist es an der Zeit, das Abschnittslayout zu ändern und eine Hintergrundfarbe hinzuzufügen.

Manage Section

Schritt 2: Überschriften-Widget hinzufügen

Wir planen, die drei verschiedenen Spalten um drei verschiedene Inhalte zu erweitern. Lassen Sie uns hinzufügen.

Suchen Sie zuerst das Heading- Widget aus der Elementor-Widget-Galerie. Ziehen Sie dann das Widget per Drag & Drop in die linke Spalte.

Add Heading Widget

Im Bereich Inhalt können Sie den Inhalt der Überschriften verwalten. Hier können Sie Titel, Link, Größe, HTML-Tag und Ausrichtung der Überschrift verwalten.

Manage Heading Content

Sie können das Überschriftendesign anpassen, indem Sie zum Abschnitt „ Stil “ gehen. Sie können die Textfarbe, die Typografie, den Textstrich, den Textschatten und den Mischmodus der Überschrift ändern.

Customize Heading Style

Wir haben auch eine weitere Überschrift unter der Überschrift „ Standort “ hinzugefügt, um die Firmenadresse nach dem obigen Verfahren zu schreiben. Ebenso können Sie die Überschrift auf Ihre eigene Weise verwalten und gestalten.

Add Heading To Add Address

Wir haben auch den anderen beiden Spalten Inhalt hinzugefügt. Hier ist das aktuelle Aussehen der Fußzeile.

Top Footer Design

Schritt 3: Fügen Sie einen weiteren Abschnitt hinzu

Wir möchten unsere sozialen Symbole zum Fußzeilenbereich hinzufügen. Wir haben einen weiteren Abschnitt hinzugefügt und dessen Layout und Stil festgelegt. Sie können dem folgenden Bild folgen, um den Prozess zu lernen.

Add Another Section

Schritt 4: Widget für soziale Symbole hinzufügen

Suchen Sie zuerst das Social Icons -Widget. Ziehen Sie dann das Widget per Drag & Drop in den Abschnitt.

Add Social Icons widget

Im Inhaltsbereich können Sie Ihre Social-Icons-Inhalte verwalten. Hier können Sie ein Element hinzufügen oder entfernen und Form, Spalte und Ausrichtung des sozialen Symbols festlegen.

Manage Social Icons Content

Gehen Sie zum Abschnitt Stil , um die Symbole in Ihrem eigenen Stil anzupassen.

Style Social Icons

Endgültige Vorschau

Wir haben der Seite einige Inhalte hinzugefügt. Werfen wir einen Blick auf das aktuelle Design der Fußzeile.

Final Outlook of Our Footer

Methode 2: Fußzeile mit Elementor Theme Builder bearbeiten

In diesem Moment haben Sie gelernt, wie Sie eine Fußzeile mit Elementor-Widgets entwerfen und anpassen. Jetzt zeigen wir Ihnen, wie Sie mit Elementor Theme Builder eine Fußzeile erstellen. Stellen Sie sicher, dass Sie die Pro-Version von Elementor installiert und aktiviert haben.

Tauchen wir ein.

Gehen Sie zuerst in den Bereich Templates->Theme Builder .

Go to Elementor Theme Builder

Danach haben Sie die Möglichkeit, Ihre Fußzeile hinzuzufügen. Hier müssen Sie in der linken Seitenleiste Site Parts->Footer auswählen. Klicken Sie dann auf die Schaltfläche Neu hinzufügen.

Add New Footer

Im folgenden Popup erhalten Sie alle Fußzeilenblöcke . Wählen Sie den passenden aus und klicken Sie auf die Schaltfläche Installieren , um den Block auf Ihrer Website zu installieren.

Select Footer Block

Das ist es.

Erfahren Sie außerdem, wie Sie einen benutzerdefinierten Elementor-Header entwerfen .

Bonus: Verwenden Sie kostenlose Fußzeilenblöcke von Happy Addons für Ihre Website

Happy Addons ist eines der beliebten, schnell wachsenden Elementor-Addons, das mit vorgefertigten Vorlagen und Blöcken zum Entwerfen Ihrer Website geliefert wird. Mit Happy Addons können Sie Ihrer Website mit ihren kostenlosen Blöcken ganz einfach eine Fußzeile hinzufügen.

Happy Addons Free Footer Blocks

Lesen Sie diesen praktischen Artikel und erfahren Sie, wie Sie die Vorlagenbibliothek von Happy Addons richtig verwenden.

FAQs zum Bearbeiten der Fußzeile in Elementor

Trotzdem haben Sie vielleicht Fragen im Kopf. In diesem Abschnitt haben wir einige häufig gestellte Fragen zur Elementor-Fußzeile beantwortet.

1. Wie füge ich eine Fußzeile in einem Elementor hinzu?

Sie können Ihrer von Elementor betriebenen Website auf zwei Arten eine Fußzeile hinzufügen.

Methode 1: Fußzeile mit Elementor-Widgets von Grund auf hinzufügen
Methode 1: Fußzeile mit Elementor Theme Builder hinzufügen

2. Wie ändere ich die Fußzeile von Elementor?

Gehen Sie zuerst zu Template->Theme Builder . Wählen Sie als Nächstes das Fußzeilen- Label in der linken Seitenleiste aus, um Ihre Fußzeilendetails zu finden. Klicken Sie abschließend auf den Link Bearbeiten , um die spezifische Fußzeile zu ändern oder zu bearbeiten.

3. Bietet Elementor kostenlose Fußzeilenblöcke an?

Nein. Sie können die vorgefertigten Fußzeilenblöcke nur in der Elementor Pro-Version erhalten.

Sind Sie bereit, Ihre Website-Fußzeile zu entwerfen?

In diesem Tutorial-Blog haben wir gezeigt, wie Sie Ihre Website-Fußzeile mit Elementor entwerfen und bearbeiten können. Wir haben auch die kostenlosen Fußzeilenblöcke von Happy Addons eingeführt.

Abgesehen davon haben wir einige häufig gestellte Fragen zur Fußzeile von Elementor beantwortet. Wenn Sie immer noch nicht weiterkommen und weitere Hilfe benötigen, können Sie Ihre Frage im Kommentarfeld unten stellen.

Wenn Ihnen dieser Blog gefällt, teilen Sie ihn auf Ihren sozialen Kanälen. Vergessen Sie nicht, unseren Newsletter zu abonnieren. Es ist kostenlos.

Abonnieren Sie unseren Newsletter

Erhalten Sie die neuesten Nachrichten und Updates zu Elementor