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. 

Deshalb zeigen wir Ihnen, wie Sie zusätzliche Social-Media-Symbole in den Themenoptionen von Divi aktivieren, wie Sie Divi Builder verwenden, um Social-Media-Symbole überall auf einer Seite oder einem Beitrag einzufügen, und wie Sie die Leistungsfähigkeit von nutzen können Divi-Thema Builder zum Hinzufügen von Social-Media-Symbolen zu allen Ecken und Kanten Ihrer Website.

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 Hauptteil von Seiten oder Beiträgen einzufügen. Ihre Zielseite oder Info-Seite wäre beispielsweise ein guter Ort, um zusätzliche soziale Symbole hinzuzufügen, um die Leute zu informieren Besucher darüber, wie ich mit Ihnen in Kontakt treten kann. 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.

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 Technologie 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.

Divi Builder

Hier geht es sehr darum, einem Builder-Layout Social-Media-Symbole hinzuzufügen Divi-Thema vorhandenen. Oder zu einem neuen! Es spielt keine Rolle, ob Sie etwas zur allgemeinen Kopf-, Fuß- oder Hauptzeile Ihrer Website hinzufügen – oder sogar zu bestimmten Kategorien oder anderen spezialisierten Seitentypen. Sie folgen dem gleichen Prozess.

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 Noir + 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 schon haben Sie Social-Media-Symbole zum Social-Media-Generator hinzugefügt. Divi-Thema. 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. 

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.

Zusammenfassung

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. 

Ob Sie brauchen fördern eine Marke, ein Gastautor, eine Gruppe von Inhaltserstellern oder einfach die Orte, an denen Sie selbst online gefunden werden können, Divi hat eine Möglichkeit, dies zu tun. Wir sind voreingenommen, aber wir glauben, dass dies die einfachste, einfachste und eleganteste Möglichkeit ist, Ihrer Website Social-Media-Symbole hinzuzufügen.