Springe zum Hauptinhalt

So fügen Sie Divi weitere Social-Media-Symbole hinzu

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]

Mit Divi können Sie jedes Detail Ihrer Website steuern und gestalten, von der Kopf- bis zur Fußzeile. Eines der am häufigsten angeklickten Elemente einer Website sind Social-Media-Symbole. Ein engagiertes Publikum möchte Sie woanders finden und kennenlernen. Natürlich möchten Sie dies so einfach wie möglich gestalten. 

Wir zeigen Ihnen daher, wie Sie zusätzliche Social-Media-Symbole in den Themenoptionen von Divi aktivieren, wie Sie mit Divi Builder Social-Media-Symbole an einer beliebigen Stelle auf einer Seite oder einem Beitrag einfügen und wie Sie die Vorteile nutzen können. des Divi Builder-Themas, um jedem Winkel Ihrer Website Social-Media-Symbole hinzuzufügen.

So aktivieren Sie einfach zusätzliche Social Media-Symbole in der Divi-Fußzeile

Der einfachste Weg, Ihrer Divi-Site weitere Social-Media-Symbole hinzuzufügen, ist das Aufrufen des Bedienfelds Themenoptionen Aktivieren der Optionen für Facebook, Twitter, Instagram und RSS. Dann müssen Sie nur noch die URLs Ihres Profils in die Felder eingeben. Wenn Sie dies tun, werden sie als Symbollinks in der Fußzeile Ihrer Site angezeigt:

Soziale Symbole divi

Gehen Sie in Ihrem WordPress-Dashboard-Menü zu Divi - Theme Optionen und klicken Sie auf die Registerkarte General . Scrollen Sie nach unten, um den Netzwerk-Switch anzuzeigen. Stellen Sie außerdem direkt unter diesen Umschaltern sicher, dass Sie die URLs für jedes von Ihnen aktivierte Divi Social-Symbol eingeben. Andernfalls wird das Symbol angezeigt. Wenn Sie jedoch darauf klicken, befindet sich der Benutzer nirgendwo. Verwendung einer # Anstelle einer URL bleibt der Benutzer auf der Seite, anstatt ihn möglicherweise auf eine umzuleiten 404 Seite .

Divi-Themenoptionen

Scrollen Sie zum Ende Ihrer Designoptionen und klicken Sie auf Änderungen speichern . Jetzt können Sie in die Fußzeile Ihrer Website gehen und auf die sozialen Symbole klicken, um sie zu testen!

Wenn Sie die Symbole in Ihrer Fußzeile nicht sehen, überprüfen Sie unbedingt Ihren Design-Customizer unter Aussehen - Anpassen und stellen Sie sicher, dass Soziale Symbole anzeigen wird unter den Fußzeilenoptionen überprüft.

Divi WordPress

Wenn Sie jedoch noch mehr Optionen für soziale Fußzeilensymbole wünschen, scrollen Sie weiter zu unserem Abschnitt im Divi Theme Builder, in dem sowohl benutzerdefinierte Vorlagen als auch allgemeine Standardeinstellungen erläutert werden.

Verwendung von Divi Builder zum Hinzufügen von Social Media-Trackern zu einer Seite oder zum Veröffentlichen von Inhalten

Manchmal kann es sehr sinnvoll sein, zusätzliche Social-Media-Symbole zwischen Textblöcken, Bildern oder anderen Inhalten im Seiten- oder Beitragskörper zu platzieren. Ihre Zielseite oder die Info-Seite ist beispielsweise ein guter Ort, um zusätzliche soziale Symbole hinzuzufügen, damit Besucher wissen, wie sie sich mit Ihnen verbinden können. Sie werden definitiv mehr hervorstechen als nur mit normalem Text auf Ihre sozialen Profile zu verlinken. Außerdem suchen die Leute nach erkennbaren Symbolen.

Mit Divi Builder können Sie Social-Media-Symbole direkt in Ihre Seiten oder Beiträge einfügen Social Media Tracking .

Jedes Mal, wenn Sie eine vorhandene Seite oder einen Artikel in Ihrem WordPress-Dashboard erstellen oder öffnen, wird eine große lila Schaltfläche angezeigt, in der Sie gefragt werden, ob Sie Divi Builder verwenden möchten oder nicht.

Divi Artikelerstellung

Und natürlich auch. Klick einfach Verwenden Sie Divi Builder um mit dem Erstellen Ihrer Seite oder dem Posten von Grund auf neu zu beginnen (oder von einem unserer vordefinierte Layouts ). Darüber hinaus können Sie die Divi-Symbole für soziale Medien einfügen, wenn Sie den Standard-WordPress-Editor verwenden. Alles was Sie tun müssen, ist einen Block von einzufügen Divi Layout und befolgen Sie die gleichen Schritte wie unten.

Divi gutenberg Layout

Mit dem Tool können Sie Ihre Seite oder Ihren Beitrag mithilfe der verfügbaren Seitenerstellungsmodule nach Ihren Wünschen gestalten. Wenn Sie Divi Builder zum ersten Mal verwenden, sollten Sie zuerst diese Übersicht lesen, um ein klares Verständnis der Funktionsweise zu erhalten.

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]

Wenn Sie bereit sind, Ihrer Seite Social Media-Symbole hinzuzufügen, klicken Sie auf der schwarze Kreis + in dem Bereich, in dem Sie Ihre Social-Media-Symbole platzieren möchten, und scrollen Sie bis zum Feld von Social Media Tracking erscheint.

Einfügen des Moduls folgen in den sozialen Medien

Sie werden aufgefordert, die gewünschten sozialen Netzwerke auszuwählen, bevor Sie mit der Anpassung beginnen können. Klicke auf Fügen Sie ein neues soziales Netzwerk hinzu .

Social Network Social Module Divi hinzufügen

Wählen Sie dann eine aus der Dropdown-Liste.

Fügen Sie ein neues soziales Netzwerk hinzu

Wenn dies ausgewählt ist, fügen Sie die URL Ihres Profils hinzu. Optional können Sie eine Farbe, einen Farbverlauf, einen Hintergrund usw. auswählen. spezifisch für sein Symbol.

Passen Sie die Schaltfläche für soziale Netzwerke an

Sobald Sie Ihr erstes soziales Netzwerk hinzugefügt haben, können Sie weitere Netzwerke hinzufügen, indem Sie dieselben Schritte ausführen. Sie werden alle unter der Registerkarte aufgelistet Inhalt der Social Media Tracking-Einstellungen . Sie können sie bearbeiten, kopieren oder neu anordnen, indem Sie sie ziehen und ablegen.

Passen Sie soziale Symbole an

Wechseln Sie nach dem Hinzufügen Ihrer sozialen Netzwerke zu den Registerkarten Inhalt et Konzeption um mit anderen Anpassungsoptionen zu spielen. Sie können alles vom Schatten des Feldes über den Radius des Rahmens, den Abstand, die Filter bis hin zur Intro-Animation für das Symbolmodul ändern. Sie haben auch die Möglichkeit, eine Schaltfläche einzuschließen folgen damit alle Ihre Symbole mehr Aufmerksamkeit auf sie lenken. Wenn Sie fertig sind, klicken Sie auf das grüne Häkchen .

Folgen Sie uns Button Divi

Sie können dann die Symbole auf Ihrer Seite verschieben und nach Belieben an deren Abstand und Layout arbeiten. (Das Divi-Transformationsoptionen sind übrigens erstaunlich dafür.) Wenn Sie mit all Ihren Entscheidungen zufrieden sind, drücken Sie die grüne Schaltfläche Speichern (oder Veröffentlichen) in der unteren rechten Ecke, um Ihr neues Social-Media-Symbolmodul zu registrieren. Wenn Sie keine Schaltfläche zum Veröffentlichen / Speichern sehen, drücken Sie die Taste lila Auslassungspunkte (drei Punkte) in der unteren Mitte des Bildschirms, um das Menü zu erweitern.

Divi Button folgen Sie uns

Danach werden Ihre Social-Media-Symbole auf Ihrer Website angezeigt.

Verwenden des Divi Theme Builder zum Hinzufügen von Social Media-Symbolen

Wie oben erwähnt, ist der Divi Theme Builder ein leistungsstarkes Tool, mit dem Sie nahezu jeden Aspekt Ihrer Website vollständig kontrollieren können. Wenn Sie also irgendwo Social-Media-Symbole hinzufügen möchten, ist der Themengenerator genau das Richtige für Sie.

Um mit dem Themengenerator zu beginnen, gehen Sie zu Divi - Theme Generator in Ihrem Wordpress-Dashboard.

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]

Divi Builder

Hier geht es vor allem darum, einem vorhandenen Divi Theme Builder-Layout Social Media-Symbole hinzuzufügen. Oder zu einem neuen! Es spielt keine Rolle, ob Sie der Kopf-, Fuß- oder Gesamtstruktur Ihrer Website oder sogar bestimmten Kategorien oder anderen speziellen Seitentypen hinzufügen. Sie werden den gleichen Prozess folgen.

Zuerst finden wir den Abschnitt, den wir hinzufügen möchten. Auch hier kann es global oder personalisiert sein. Wenn Sie den Theme Builder noch nie verwendet haben, ist dies ganz einfach. Wir werden einzelne Beiträge mit Social-Media-Symbolen versehen. Sie können also mit einem Klick beginnen Fügen Sie ein neues Modell hinzu und auswählen Alle Beiträge ou Nachrichten in bestimmten Kategorien . Überprüfen Sie dann die Kategorien, die Sie einschließen möchten. Dann klicken Sie auf Erstellen Sie eine Vorlage .

Fügen Sie ein Divi-Modell hinzu

Wenn Sie bereits Vorlagen eingerichtet haben, klicken Sie einfach auf Bleistift bearbeiten oder doppelklicken Sie auf den Abschnitt, den Sie ändern möchten.

Divi Layout

Das Hinzufügen von Social Media-Symbolen erfolgt hier wie oben im Generator beschrieben. Da Sie jedoch den Theme Builder verwenden, anstatt nur eine einzelne Seite zu bearbeiten, werden die Symbole nicht genau dort angezeigt, wo Sie sie auswählen. Vorlagen können zu Kopf- und Fußzeilen sowie zu globalen Vorlagen hinzugefügt werden. Sie können auswählen, wie und wann sie angezeigt werden sollen, ohne sie einmal konfigurieren zu müssen. Nicht Seite für Seite, wie Sie es oben tun würden.

Wenn wir beispielsweise die Social-Media-Symbole unter dem Titel des Beitrags, aber über dem Inhalt des Beitrags in jedem von uns veröffentlichten Blog-Beitrag einfügen möchten, fügen wir einfach ein Modul hinzu suivi soziale Netzwerke. Klicken Sie auf den Kreis Black + und wählen Sie es im Dialog Fügen Sie ein Modul ein .

Wählen Sie das soziale Modul

Ziehen Sie das Modul dann einfach an die Stelle, an der die Social Media-Symbole angezeigt werden sollen. (Wir verwenden für diese Platzierung den Drahtgittermodus). Dann müssen Sie nur noch die sozialen Netzwerke hinzufügen, die Sie anzeigen möchten. Dann passen Sie die Größe und Farbe wie oben an.

Social Icon Media Modul Divi

Und einfach so haben Sie dem Divi-Themengenerator einige Social-Media-Symbole hinzugefügt. Sie werden in jedem von Ihnen erstellten Blog-Beitrag angezeigt (in diesem Beispiel).

Aussehen auf Divi mit Share-Button

Und wenn Ihnen das Aussehen nicht gefällt, lässt sich der Themengenerator einfach anpassen. Ziehen Sie sie einfach an eine andere Stelle, z. B. oben in der Seitenleiste.

Divi Social Sharing Modul verschieben

Stellen Sie sicher, dass Sie auf die grüne Schaltfläche klicken Registrieren in der Ecke. Jetzt wird jeder Blog-Beitrag mit dieser Vorlage auf der Website mit Ihren Social-Media-Symbolen oben in der Seitenleiste hochgeladen.

Seitenleistensymbole

Hinzufügen von Social Media-Symbolen zur Kopf- und Fußzeile mit Divi Theme Builder

Möglicherweise funktionierten die Standard-Social-Media-Symbole in den Divi-Einstellungen nicht für Sie oder boten nicht genügend Anpassungsmöglichkeiten. In diesem Fall können Sie den Theme Builder jederzeit verwenden, um ihn vollständiger anzupassen. 

In jeder Vorlage können Sie eine benutzerdefinierte Fußzeile hinzufügen. Dies ersetzt die Standard-Divi. Jede Vorlage ohne benutzerdefinierte Vorlage zeigt das Standardthemaelement an. Die Symbole für soziale Medien können je nach den Anforderungen Ihrer Benutzer von Post zu Seitenarchiv unterschiedlich sein.

Divi-Layout des Personalisierungsthemas

Sie können auch eine globale Fußzeile hinzufügen, die ersetzt wird alle andere Fußzeilen, die Sie erstellt haben. (Dies gilt auch für globale Körper und Überschriften). 

Wenn Sie 4 benutzerdefinierte Fußzeilen für Posts, Seiten, Projekte und Kategorien entworfen und anschließend eine globale Fußzeile erstellt haben, wird nur die globale Fußzeile angezeigt. 

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]

Globale Vorlagen eignen sich hervorragend für Site-weite Social-Media-Symbole für eine Zeitung oder eine Marke. Benutzerdefinierte Vorlagen mit sozialen Symbolen eignen sich am besten für einzelne Ersteller, die Teil eines Netzwerks sind.

Fügen Sie eine globale Divi-Fußzeile hinzu

Mit Divi Builder für Kopf- und Fußzeilen sowie benutzerdefinierte Textvorlagen können Sie fast jedem Teil von Divi, den Sie möchten, Social-Media-Symbole hinzufügen. Sie sind nicht auf die Standarddesigns beschränkt oder müssen sich in das WordPress-Dateisystem einarbeiten. Darüber hinaus können Sie mit dem Themengenerator eine der Designoptionen von Divi verwenden, um Social-Media-Symbole aufzupeppen und sie für jedes Publikum richtig hervorzuheben.

Fazit

Wenn Sie über die Standardoptionen für die Divi-Fußzeile, das Divi Builder-Tool für Beiträge und Seiten und die Leistung des Divi Theme Builder verfügen, gibt es keinen Grund, warum Sie installieren müssen Ein Plugin zum Hinzufügen von Social Media-Symbolen zu Ihrer Website. Mit Divi haben Sie die volle Kontrolle darüber, wie Ihre sozialen Symbole aussehen und wo sie sich befinden. 

Egal, ob Sie für eine Marke, einen Gastautor, einen Stall von Content-Erstellern oder nur für die Orte werben müssen, an denen Sie online zu finden sind, Divi hat eine Möglichkeit, dies zu tun. Wir sind einseitig, aber wir denken, dass dies die einfachste, einfachste und eleganteste Möglichkeit ist, Ihrer Website Social-Media-Symbole hinzuzufügen.

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