{"id":369510,"date":"2023-04-05T16:39:00","date_gmt":"2023-04-05T13:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369510"},"modified":"2023-04-05T16:47:25","modified_gmt":"2023-04-05T13:47:25","slug":"eine-vollstaendige-anleitung-zum-wordpress-social-icons-widget","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/eine-vollstaendige-anleitung-zum-wordpress-social-icons-widget\/","title":{"rendered":"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget"},"content":{"rendered":"\n<p>Soziale Symbole sind ein wesentlicher Bestandteil jeder Website. Dabei spielt es keine Rolle, um welche Art von Website es sich handelt \u2013 <strong>wenn Sie Social-Media-Profile haben, m\u00fcssen diese unbedingt mit Ihrer Website verlinkt werden<\/strong>. Es ist eine der goldenen Regeln, um heutzutage online zu \u00fcberleben und Ihre Marke aufzubauen.<\/p>\n<p>Der Hauptzweck von <strong>Social Icons besteht darin, Ihnen dabei zu helfen, sich schnell mit Ihren Besuchern zu verbinden<\/strong>. Heutzutage scheint jeder online zu sein, auf der einen oder anderen Social-Media-Plattform.<\/p>\n<p>Es ist wichtig, sich daran zu erinnern, dass die Leute sich oft nicht die M\u00fche machen wollen, eine Website tats\u00e4chlich zu besuchen. Stattdessen folgen sie einer Marke auf ihrer Social-Media-Seite und erhalten von dort ihre Updates, Neuigkeiten und Informationen.<\/p>\n<p>Aus diesem Grund ist es f\u00fcr jedes Unternehmen von entscheidender Bedeutung, eine starke Pr\u00e4senz in den sozialen Medien zu haben und das Profil regelm\u00e4\u00dfig mit Informationen zu aktualisieren, die von der Website abgerufen werden.<\/p>\n<p>Nat\u00fcrlich ben\u00f6tigen Sie eine starke Follower-Basis, und eine M\u00f6glichkeit, dies zu tun, besteht darin, Ihrer Website soziale Symbole hinzuzuf\u00fcgen. Wenn Sie auf diese Symbole klicken, werden Besucher zu Ihrem Social-Media-Profil weitergeleitet, wo sie Ihre Follower werden k\u00f6nnen. Sie werden immer \u00fcber Ihre Posts und Neuigkeiten auf dem Laufenden sein, was f\u00fcr Ihre Marke von gro\u00dfem Nutzen sein wird.<\/p>\n<p>Sie k\u00f6nnen entweder Plugins verwenden, um Social-Icons hinzuzuf\u00fcgen und mit Ihren sozialen Medien zu verbinden, oder Sie <a href=\"https:\/\/themewp.inform.click\/de\/ueber-10-kostenlose-social-media-icons-fuer-ihre-website\/\" title=\"k\u00f6nnen Social-Media-Icons kostenlos herunterladen\">k\u00f6nnen Social-Media-Icons kostenlos herunterladen<\/a>, sie zu Ihren Inhalten hinzuf\u00fcgen und mit der gew\u00fcnschten Plattform verlinken.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/TI1Z-eVd7Gk\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Widget-Plugin f\u00fcr soziale Symbole<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53cec4223.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/social-icons-widget-by-wpzoom\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Das Widget f\u00fcr soziale Symbole<\/a> ist eine hervorragende M\u00f6glichkeit, Ihrer Website soziale Symbole hinzuzuf\u00fcgen. Mit diesem Plug-in f\u00fcr soziale Symbole k\u00f6nnen Sie <strong>in k\u00fcrzester Zeit schnelle Links zu all Ihren sozialen Profilen hinzuf\u00fcgen<\/strong>, und es sind keine besonderen Kenntnisse erforderlich. Sie m\u00fcssen nicht wissen, wie man codiert, ein grundlegendes Ma\u00df an Computerkenntnissen reicht aus.<\/p>\n<p>Dieses Plug-in f\u00fcr soziale <strong>Symbole f\u00fcgt Ihrer Website \u00fcberall dort, wo Sie m\u00f6chten, schnelle Links oder Symbole hinzu<\/strong>, \u00fcber die Ihre Besucher auf Ihre Profile in sozialen Medien zugreifen k\u00f6nnen.<\/p>\n<p>Dieses lebensrettende Plugin unterst\u00fctzt \u00fcber 80 soziale Netzwerke. Wir wetten, Sie wussten nicht einmal, dass es so viele von ihnen gibt, oder? Nun, Social Icons Widget unterst\u00fctzt sie alle.<\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie die Symbole per Drag &amp; Drop neu anordnen und sortieren, <strong>einen der vielen verf\u00fcgbaren Stile anwenden und die Symbole anpassen<\/strong>. Die Farbauswahl wurde k\u00fcrzlich verf\u00fcgbar gemacht, sodass Sie die Symbolfarbe beliebig \u00e4ndern k\u00f6nnen.<\/p>\n<p>Retina-f\u00e4hige Symbole, FontAwesome-Integration und Unterst\u00fctzung f\u00fcr Skype, Viber und WhatsApp sind weitere Funktionen, die dieses Plugin von den anderen abheben.<\/p>\n<p>Was die eigentliche Verwendung der sozialen Symbole betrifft, so k\u00f6nnen Sie <strong>sie in <a href=\"https:\/\/themewp.inform.click\/de\/was-ist-eine-wordpress-sidebar-und-wie-erstellt-man-sie\/\" title=\"Ihrer Seitenleiste\">Ihrer Seitenleiste<\/a>, <a href=\"https:\/\/themewp.inform.click\/de\/was-ist-eine-fusszeile-und-wie-fuegt-man-sie-in-wordpress-hinzu\/\" title=\"Ihrer Fu\u00dfzeile\">Ihrer Fu\u00dfzeile<\/a> oder auf einer der Seiten Ihrer Website<\/strong> platzieren. Es ist deine Entscheidung. Au\u00dferdem wird das Plugin regelm\u00e4\u00dfig mit neuen Funktionen aktualisiert und es werden st\u00e4ndig neue Symbole hinzugef\u00fcgt.<\/p>\n<p>Abh\u00e4ngig von Ihrem Wissen k\u00f6nnen Sie das Wp-Social-Icons-Widget mithilfe verschiedener Einstellungsoptionen festlegen. Unten k\u00f6nnen Sie sich einen Leitfaden f\u00fcr Anf\u00e4nger und Profis ansehen oder erfahren, wie Sie soziale Symbole zu Ihren Seiten hinzuf\u00fcgen.<\/p>\n<h2>Grundeinstellungen f\u00fcr Einsteiger<\/h2>\n<p>Nach der Installation des Plugins erscheint ein neues Widget. Ziehen Sie es auf den gew\u00fcnschten Bereich und schon ist die H\u00e4lfte der Arbeit erledigt!<\/p>\n<p>Wenn Sie die \u00c4nderungen, die Sie vornehmen, lieber im selben Fenster \u00fcberwachen m\u00f6chten, k\u00f6nnen Sie Ihre Widgets auch \u00fcber Aussehen &gt; Anpassen &gt; Widgets bearbeiten, genau wie Sie <a href=\"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-wordpress-widgets-zu-ihrer-website-hinzu\/\" title=\"alle Ihre anderen Widgets hinzuf\u00fcgen und bearbeiten\">alle Ihre anderen Widgets hinzuf\u00fcgen und bearbeiten<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d1e00ce.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Social Icons Widget ist ein <strong>sehr benutzerfreundliches Plugin<\/strong>. Es ist einfach \u00fcber das Backend einzurichten und an Ihre Bed\u00fcrfnisse anzupassen.<\/p>\n<p>Das erste, was Sie mit Ihrem brandneuen Social-Icon-Plugin tun m\u00f6chten, ist, <strong>Links zu Ihren Social-Media-Profilen hinzuzuf\u00fcgen<\/strong> :<\/p>\n<ul>\n<li>Geben Sie Ihre Links ein oder f\u00fcgen Sie sie ein<\/li>\n<li>Nachdem Sie die Adresse <strong>eingegeben haben, erscheint das entsprechende soziale Symbol<\/strong>. Dies gilt jedoch f\u00fcr die gr\u00f6\u00dften und am weitesten verbreiteten sozialen Netzwerke. Wie bereits erw\u00e4hnt, unterst\u00fctzt das Social Icons Widget mehr als 80 Social-Media-Plattformen und f\u00fcr einige von ihnen wird das Symbol nicht automatisch angezeigt.<\/li>\n<li>Um <strong>einen Link f\u00fcr Ihre E-Mail hinzuzuf\u00fcgen<\/strong>, vergewissern Sie sich, dass er das folgende Format hat: mailto: yourmail@example.com.<\/li>\n<li>Um <strong>die Reihenfolge der Symbole zu \u00e4ndern<\/strong>, verwenden Sie die Pfeile neben jedem Symbol.<\/li>\n<li>Um <strong>\u00c4nderungen zu l\u00f6schen, falls Sie einen Fehler machen<\/strong>, verwenden Sie den Papierkorb auf der rechten Seite.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d582af0.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<ul>\n<li>Wenn Sie auf das Symbol klicken, \u00f6ffnet sich ein Feld, in dem Sie <strong>das gew\u00fcnschte Symbol ausw\u00e4hlen<\/strong> k\u00f6nnen. Das Plugin selbst schl\u00e4gt ein Symbol vor, aber Sie m\u00fcssen sich nat\u00fcrlich nicht an diesen Vorschlag halten.<\/li>\n<li>Eine andere Sache, die Sie ausw\u00e4hlen k\u00f6nnen, ist die <strong>Farbe des Symbols und des Hover<\/strong> sowie eine der verschiedenen Symbolschriftarten.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53d9c65f9.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Im Gegensatz zu diesen Einstellungen, bei denen wir \u00c4nderungen an jedem einzelnen Symbol vornehmen, gibt es auch allgemeine Einstellungen. <strong>Allgemeine Einstellungen gelten f\u00fcr alle sozialen Symbole, die wir verwenden,<\/strong> und sie sind n\u00fctzlich, wenn wir \u00c4nderungen an allen in gro\u00dfen Mengen vornehmen m\u00f6chten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dce59f4.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Im folgenden Feld k\u00f6nnen Sie <strong>Ihrem Social-Icons-Widget einen Titel sowie eine<\/strong> oben anzuzeigende Beschreibung hinzuf\u00fcgen. Sie k\u00f6nnen einfaches HTML verwenden, wenn Sie wissen, wie.<\/p>\n<pre><code>Fresh &lt;i&gt;content&lt;\/i&gt; delivered daily, &lt;b&gt;enjoy&lt;\/b&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53dfb6e31.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e23f3a9.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Eine gro\u00dfartige Sache am Social Icons Widget ist, dass es <strong>die Standard-Schriftarteinstellungen aus der Seitenleiste verwendet<\/strong>. Auf diese Weise k\u00f6nnen Sie sicher sein, dass alles mit dem Rest der Seite \u00fcbereinstimmt. Der Platz ist etwas uneben, aber darum k\u00fcmmern wir uns sp\u00e4ter.<\/p>\n<p>Eine weitere sehr n\u00fctzliche Sache, die mit diesem Plugin f\u00fcr soziale Symbole geliefert wird, ist die Option Links in neuem Tab \u00f6ffnen und das Setzen des Nofollow-Links. Um diese anzuwenden, aktivieren Sie einfach das entsprechende Kontrollk\u00e4stchen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e512bd7.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Wie bei den Symbolbeschriftungen anzeigen k\u00f6nnen Sie mit dieser Option <strong>festlegen, ob neben dem Symbol eine Art Titel angezeigt wird<\/strong>. Es kann sich um einen Standardtitel handeln, wenn das Plugin das Icon erkennt, wie es beim Facebook-Icon der Fall ist. Sie k\u00f6nnen nat\u00fcrlich Ihren eigenen Titel hinzuf\u00fcgen, indem Sie das Feld \u00fcber dem Adressfeld der Website verwenden.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53e7d3a34.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Als n\u00e4chstes k\u00f6nnen <strong>Sie die Ausrichtung festlegen<\/strong>: Keine, Links, Mitte, Rechts. Sie k\u00f6nnen auch zwischen zwei verf\u00fcgbaren Symbolstilen w\u00e4hlen.<\/p>\n<p>Eine andere Sache, die Sie einstellen k\u00f6nnen, ist die <strong>Symbolgr\u00f6\u00dfe und die Symbolauff\u00fcllung<\/strong>, dh die Auff\u00fcllung innerhalb des Symbols selbst \u2013 zwischen dem Symbol und dem Rand.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ea5edf8.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>F\u00fcr den <strong>Hintergrundstil des Symbols<\/strong> haben Sie drei Optionen zur Auswahl:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53ecc99f8.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<h2>Erweiterte Einstellungen<\/h2>\n<p>Wir haben bereits den Abstand oder speziell die Polsterung zwischen der Beschreibung und den sozialen Symbolen erw\u00e4hnt. Wenn der Abstand zu klein, zu gro\u00df oder ungleichm\u00e4\u00dfig ist, k\u00f6nnen Sie ihn beheben, <strong>indem Sie ein paar einfache CSS-Zeilen hinzuf\u00fcgen<\/strong>.<\/p>\n<p>Gehen Sie zu Darstellung &gt; Anpassen und suchen Sie nach zus\u00e4tzlichem CSS.<\/p>\n<p>Verwenden Sie die linke Seite des Editors, um den Code hinzuzuf\u00fcgen, und verfolgen Sie die Live-\u00c4nderungen auf der rechten Seite. Falls die Seite, die Sie bearbeiten m\u00f6chten, nicht im rechten Feld angezeigt wird, k\u00f6nnen Sie gerne das Men\u00fc verwenden, um auf der Website zu navigieren und die betreffende Seite zu erreichen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53eff1a1a.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Verwenden Sie den folgenden Code, um die Auff\u00fcllung zwischen der Beschreibung und den Symbolen hinzuzuf\u00fcgen:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Nat\u00fcrlich haben wir 15px nur als Beispiel verwendet. Sie k\u00f6nnen einen anderen Wert verwenden, der auf Ihrer Seite sinnvoll ist. <a href=\"https:\/\/themewp.inform.click\/de\/so-ueberpruefen-sie-website-elemente-in-ihrem-browser\/\" title=\"Untersuchen Sie Ihre Elemente\">Untersuchen Sie Ihre Elemente<\/a> und finden Sie die perfekte Polsterungsgr\u00f6\u00dfe.<\/p>\n<p>Eine andere Art von Abstand, um die Sie sich wahrscheinlich k\u00fcmmern sollten, ist der <strong>Abstand vor der Reihe von Symbolen<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f35a86c.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Verwenden Sie die folgende Codezeile:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>Auch hier setzen Sie Ihren eigenen Wert anstelle der Null, die wir im Beispiel verwendet haben. Beachten Sie, dass sich diese und die zuvor erw\u00e4hnte Codezeile auf dieselbe .zoom-social-icons-list-Klasse beziehen.<\/p>\n<p>Um beide Werte gleichzeitig festzulegen, verwenden Sie diese Klasse und f\u00fcgen beide Werte wie folgt hinzu:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Sie k\u00f6nnen auch <strong>den Wert f\u00fcr die Auff\u00fcllung oder den Abstand zwischen den Symbolen selbst festlegen<\/strong>. Wenn die aktuelle Polsterung zu gro\u00df oder zu klein ist, k\u00f6nnen Sie sie \u00e4ndern, indem Sie den folgenden Code eingeben:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>Auch dies sind wieder nur Beispielwerte \u2013 Sie f\u00fcgen Ihre eigenen ein.<\/p>\n<p>Eine weitere Sache an Ihren sozialen Symbolen, die Sie anpassen k\u00f6nnen, ist deren Rahmen. Beispielsweise m\u00f6chten Sie m\u00f6glicherweise <strong>alle Ihre sozialen Symbole in derselben Farbe mit einem andersfarbigen Rahmen um sie herum versehen<\/strong>. Zum Beispiel:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53f6e2627.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Das geht eigentlich ganz einfach. Wir haben bereits erkl\u00e4rt, wie man allen Symbolen die gleiche Farbe gibt. <strong>Verwenden Sie das Untersuchen-Tool, um die Klasse Ihres Symbols zu finden<\/strong>. Der, nach dem wir suchen, ist socialcon-nameofthenetwork.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fadc926.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>In unserem Fall w\u00e4re der Code zum Hinzuf\u00fcgen eines Rahmens zu einem Facebook-Symbol:<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Nat\u00fcrlich w\u00e4hlen Sie Ihre eigene Farbe aus, und was den Rahmenstil angeht, schauen Sie sich CSS an und Sie werden sehen, dass neben \u201edurchgehend&#8220; auch andere Stiloptionen verf\u00fcgbar sind.<\/p>\n<p>Daher f\u00fcgen Sie f\u00fcr jedes der Symbole, denen Sie den Rahmen hinzuf\u00fcgen m\u00f6chten, einen Codeabschnitt mit den gew\u00fcnschten Werten hinzu.<\/p>\n<h2>Soziale Symbole zu Seiten hinzuf\u00fcgen<\/h2>\n<p>Sie k\u00f6nnen das Widget verwenden, um soziale Symbole nicht nur zu Ihrer Seitenleiste oder Ihrer Fu\u00dfzeile hinzuzuf\u00fcgen, sondern auch zu anderen Teilen der Website. Tats\u00e4chlich <strong>k\u00f6nnen Sie sie zu jeder Seite<\/strong> als Teil eines beliebigen Seiteninhalts hinzuf\u00fcgen.<\/p>\n<p>Zuerst m\u00fcssen Sie das <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode-<\/a> Plugin installieren:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e53fd5926a.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Dieses Plugin funktioniert, indem es in jedes der verwendeten Widgets ein zus\u00e4tzliches Feld einf\u00fcgt, <strong>das den Shortcode f\u00fcr das betreffende Widget enth\u00e4lt<\/strong>. In diesem Fall f\u00fcgt es ein Feld mit dem Shortcode f\u00fcr Social Icons Widget innerhalb des Widgets selbst hinzu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315678-633e540066061.jpg\" alt=\"Eine vollst\u00e4ndige Anleitung zum WordPress Social Icons Widget\"><\/a><\/p>\n<p>Kopieren Sie einfach <strong>den Code und f\u00fcgen Sie ihn an der gew\u00fcnschten Stelle ein<\/strong>. Danach erscheinen Ihre Social Icons mit allen Einstellungen, die Sie im Widget vorgenommen haben, an der gew\u00fcnschten Stelle.<\/p>\n<h2>Abschlie\u00dfende Gedanken<\/h2>\n<p>Da haben Sie es also, eine schnelle und einfache M\u00f6glichkeit, soziale Symbole zu Ihrer Website hinzuzuf\u00fcgen. Mit Hilfe des <strong>hervorragenden Social Icons Widget-Plugins von WPZOOM<\/strong> k\u00f6nnen Sie in k\u00fcrzester Zeit auf alle Ihre Profile in sozialen Netzwerken verlinken, sodass Ihre Besucher auf allen Social-Media-Kan\u00e4len problemlos mit Ihnen in Kontakt treten k\u00f6nnen. Vergessen Sie vor diesem Hintergrund nicht, Ihre Website mit <a href=\"https:\/\/themewp.inform.click\/de\/die-5-besten-social-media-sharing-wordpress-plugins-2022\/\" title=\"WordPress-Plugins zum Teilen in sozialen Medien\">WordPress-Plugins zum Teilen in sozialen Medien<\/a> auszustatten .<\/p>\n<p>PS: Wir haben k\u00fcrzlich mit dem Team von WPZOOM gesprochen und sie sagten uns, dass wir in Zukunft viele Updates und neue Funktionen f\u00fcr das Social Icons Widget-Plugin erwarten k\u00f6nnen. Stellen Sie also sicher, dass Sie <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ihren Blog<\/a><\/strong> einschalten, um \u00fcber alle Neuigkeiten und Ver\u00f6ffentlichungen auf dem Laufenden zu bleiben.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Social Icons Widget ist ein gro\u00dfartiges kleines WordPress-Plugin, mit dem Sie Links f\u00fcr Ihre Social-Media-Profile hinzuf\u00fcgen k\u00f6nnen, indem Sie \u00fcberall auf Ihrer Website soziale Symbole verwenden.<\/p>\n","protected":false},"author":1,"featured_media":315724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-369510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/369510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=369510"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/369510\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=369510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=369510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=369510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}