Springe zum Hauptinhalt

So erstellen Sie eine Fußzeile in WordPress mit Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie mit Elementor eine Fußzeile in WordPress erstellen?

Nicht alle WordPress-Themes haben die Möglichkeit, die Fußzeile anzupassen. Wenn ja, sind Programmierkenntnisse (PHP) erforderlich, wenn Sie die Fußzeile des Themes anpassen möchten.

Wenn Sie ein WordPress-Theme verwenden, das einen Page Builder bietet, haben Sie mehr Freiheit, die Fußzeile ohne Codierung anzupassen. Sie können Elemente wie ein E-Mail-Abonnementformular, Symbole für soziale Medien, Links, Website-Logo usw. hinzufügen.

Lesen Sie unseren Leitfaden weiter So installieren Sie Elementor auf WordPress

Es gibt eine Lösung, wenn Sie die Fußzeile Ihres Themes anpassen möchten, aber keine Programmierkenntnisse haben: Elementor verwenden.

Elementor ist ein Page Builder mit einer Funktion Theme Builder. Sie können diese Funktion verwenden, um eine neue benutzerdefinierte Fußzeile zu erstellen, die die Standardfußzeile Ihres WordPress-Themes ersetzt.

So funktioniert der Elementor Theme Builder

Die Funktionsweise der Theme Builder-Funktion von Elementor ist ziemlich einfach. Sobald Sie eine neue Fußzeile erstellt und veröffentlicht haben, ersetzt diese die aktuell verwendete Designfußzeile. Ihre neue Fußzeile kann auf die gesamte Website oder nur auf bestimmte Seiten angewendet werden.

So erstellen Sie eine benutzerdefinierte Fußzeile mit dem Theme Builder von Elementor

Elementor ist ein Page Builder mit einer visuellen Benutzeroberfläche. Um eine Fußzeile (oder Webseite) zu erstellen, müssen Sie nur die gewünschten Widgets in den Editor von Elementor ziehen und die Einstellungen nach Ihren Bedürfnissen erstellen.

Entdecken So erstellen Sie eine einzigartige Beitragsvorlage mit Elementor Pro

Elementor selbst bietet über 90 Widgets. Technisch gesehen können Sie alle diese Widgets beim Erstellen einer Fußzeile verwenden. Sie brauchen jedoch sicherlich nicht alle. In diesem Beispiel zeigen wir, wie Sie eine benutzerdefinierte Fußzeile mit den folgenden Elementen erstellen.

  • E-Mail-Anmeldeformular.
  • Symbole für soziale Netzwerke.
  • Connections

Start

Angenommen, Sie haben Elementor Pro auf Ihrer WordPress-Website installiert, gehen Sie zu Ihrem Dashboard und dann auf Vorlagen -> Theme Builder.

Navigieren Sie auf der Theme-Builder-Seite zu die Registerkarte Fußzeile und klicken Sie auf die Schaltfläche hinzufügen um eine Fußzeilenvorlage zu erstellen.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Es erscheint ein Pop-up, in dem Sie aufgefordert werden, Ihrer Fußzeilenvorlage einen Namen zu geben. Geben Sie Ihren bevorzugten Namen ein und klicken Sie auf die Schaltfläche EIN MODELL ERSTELLEN.

Erstellen Sie eine Fußzeile in WordPress mit Elementor

Elementor bietet Ihnen mehrere Fußzeilenvorlagen zur Auswahl. Wählen Sie das gewünschte aus und klicken Sie auf die Schaltfläche einfügen um es in den Editor zu laden. Oder wenn Sie die Fußzeile von Grund auf neu erstellen möchten, können Sie einfach die Vorlagenbibliothek schließen, um den Editor zu öffnen.

Siehe auch: Elementor Pro: 10 fantastische Funktionen zum Freischalten - Teil II

In diesem Beispiel erstellen wir eine Fußzeile von Grund auf neu.

Um eine Fußzeile zu erstellen, die ein E-Mail-Abonnementformular, Symbole für soziale Medien und Links enthält, benötigen Sie einen Elementor-Abschnitt mit drei Spalten. Klicken Sie also auf die Plus-Schaltfläche im Elementor-Editor, um einen neuen Abschnitt hinzuzufügen, und wählen Sie die Option Dreispaltige Struktur aus.

  • Hinzufügen des E-Mail-Abonnementformulars

Um das E-Mail-Abonnementformular hinzuzufügen, ziehen Sie das Widget Form in eine der Editorspalten.

Gehen Sie zum linken Bereich, um die Einstellungen vorzunehmen. Normalerweise enthält ein E-Mail-Abonnementformular nur ein E-Mail-Feld, damit Sie unnötige Felder (Name und Nachricht) entfernen können. Sie können Ihr E-Mail-Abonnementformular in MailChimp, MailerLite und GetResponse integrieren.

  • Social-Media-Symbole hinzufügen

Um Symbole für soziale Medien hinzuzufügen, ziehen Sie das Widget Soziale Netzwerk-Symbole in eine der Editorspalten.

Erstellen Sie eine Fußzeile in WordPress mit Elementor

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Gehen Sie zum linken Bereich, um die Einstellungen vorzunehmen. Sie können ein neues Symbol für ein soziales Netzwerk hinzufügen oder ein vorhandenes Symbol entfernen. Um das Symbol anzupassen, können Sie auf die Registerkarte zugreifen Stil.

  • Links hinzufügen

Es gibt mehrere Widgets, mit denen Sie Links von Ihrer Website hinzufügen können. In diesem Beispiel verwenden wir eine Liste von Symbolen. Ziehen Sie also das Widget Symbolliste in die verbleibende Spalte des Editors.

Gehen Sie erneut zum linken Bereich, um das Symbollisten-Widget anzupassen. Um einen Link hinzuzufügen, klicken Sie auf das Element, zu dem Sie den Link hinzufügen möchten, und fügen Sie den gewünschten Link ein. Wenn Sie das Symbol entfernen möchten, fahren Sie mit der Maus über das Symbol und klicken Sie auf das Papierkorbsymbol.

Erstellen Sie eine Fußzeile in WordPress mit Elementor

Auch hier können Sie zugreifen 'SRegisterkarte Stil Style um die Links anzupassen. Sie können Elemente wie die Farbe des Linktextes, die Typografie etc. definieren.

  • Ändern Sie den Hintergrund der Fußzeile

Wenn Sie in Elementor einen neuen Abschnitt hinzufügen, hat dieser die Standardfarbe Weiß. Wenn Sie eine andere Fußzeilenfarbe haben möchten, aktivieren Sie den Fußzeilenbereich, indem Sie im Browser darauf klicken und auf klicken die Registerkarte Stil im linken Panel. Ändern Sie den Hintergrund des Abschnitts Hintergrund.

Anwenden der neuen Fußzeile

Es gibt so viele Einstellungsmöglichkeiten, die Elementor für jedes Widget bietet, dass es unmöglich ist, sie hier alle abzudecken. Sie können mit dem linken Panel spielen, bis Sie mit dem Ergebnis zufrieden sind. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG unten in der linken Leiste.

Erstellen Sie eine Fußzeile in WordPress mit Elementor

Im nächsten Schritt werden Sie aufgefordert, die Anzeigebedingung anzugeben. Standardmäßig wird Ihre Fußzeile auf den gesamten Bereich Ihrer Website angewendet. Wenn Sie also möchten, dass Ihre neue Fußzeile auf die gesamte Website angewendet wird, können Sie einfach auf die Schaltfläche klicken SPEICHERN & SCHLIESSEN.

Umgekehrt, wenn Sie möchten, dass Ihre neue Fußzeile nur auf bestimmte Seiten angewendet wird, klicken Sie auf die Schaltfläche ZUSTAND HINZUFÜGEN um den Anzeigezustand einzustellen. Geben Sie die Seiten an, auf denen Ihre Fußzeile angewendet werden soll.

Lesen Sie auch: So fügen Sie eine WhatsApp-Schaltfläche in Elementor hinzu

Klicken Sie auf die Schaltfläche SPEICHERN & SCHLIESSEN wenn Sie mit der Angabe der Anzeigebedingungen fertig sind.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Erstellen Sie eine Fußzeile in WordPress mit Elementor

Mögliche Fehler

Beim Erstellen einer Fußzeile mit Elementor kann ein technischer Fehler auftreten. Der häufigste Fehler ist, dass der Editor nicht erscheint. Wenn dieses Problem auftritt, versuchen Sie es mit einem anderen WordPress-Theme.

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie eine Bildergalerie mit Registerkarten in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren