{"id":369460,"date":"2023-04-05T16:30:00","date_gmt":"2023-04-05T13:30:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369460"},"modified":"2023-04-05T16:30:06","modified_gmt":"2023-04-05T13:30:06","slug":"kompletny-przewodnik-po-widzecie-ikon-spolecznosciowych-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/kompletny-przewodnik-po-widzecie-ikon-spolecznosciowych-wordpress\/","title":{"rendered":"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress"},"content":{"rendered":"\n<p>Ikony spo\u0142eczno\u015bciowe s\u0105 istotn\u0105 cz\u0119\u015bci\u0105 ka\u017cdej strony internetowej. Nie ma znaczenia, jaka to strona internetowa \u2013 <strong>je\u015bli masz profile w mediach spo\u0142eczno\u015bciowych, koniecznie musz\u0105 one by\u0107 powi\u0105zane z Twoj\u0105 witryn\u0105<\/strong>. W dzisiejszych czasach to jedna ze z\u0142otych zasad przetrwania w sieci i budowania marki.<\/p>\n<p>G\u0142\u00f3wnym celem <strong>ikon spo\u0142eczno\u015bciowych jest u\u0142atwienie szybkiego \u0142\u0105czenia si\u0119 z odwiedzaj\u0105cymi<\/strong>. W dzisiejszych czasach wydaje si\u0119, \u017ce wszyscy s\u0105 online, na jednej lub drugiej platformie medi\u00f3w spo\u0142eczno\u015bciowych.<\/p>\n<p>Nale\u017cy pami\u0119ta\u0107, \u017ce cz\u0119sto ludzie nie chc\u0105 zawraca\u0107 sobie g\u0142owy wej\u015bciem na stron\u0119 internetow\u0105. Zamiast tego \u015bledz\u0105 mark\u0119 na jej stronie w mediach spo\u0142eczno\u015bciowych i stamt\u0105d otrzymuj\u0105 aktualizacje, wiadomo\u015bci i informacje.<\/p>\n<p>Dlatego wa\u017cne jest, aby ka\u017cda firma posiada\u0142a siln\u0105 obecno\u015b\u0107 w mediach spo\u0142eczno\u015bciowych i regularnie aktualizowa\u0142a profil o informacje pobierane ze strony internetowej.<\/p>\n<p>Oczywi\u015bcie b\u0119dziesz potrzebowa\u0107 silnej bazy obserwuj\u0105cych, a jednym ze sposob\u00f3w na to jest dodanie ikon spo\u0142eczno\u015bciowych do swojej witryny. Klikaj\u0105c te ikony, odwiedzaj\u0105cy s\u0105 przekierowywani do Twojego profilu w mediach spo\u0142eczno\u015bciowych, gdzie mog\u0105 sta\u0107 si\u0119 Twoimi obserwuj\u0105cymi. Zawsze b\u0119d\u0105 na bie\u017c\u0105co z Twoimi postami i wiadomo\u015bciami, co b\u0119dzie bardzo korzystne dla Twojej marki.<\/p>\n<p>Mo\u017cesz u\u017cy\u0107 wtyczek, aby doda\u0107 ikony spo\u0142eczno\u015bciowe i po\u0142\u0105czy\u0107 je z mediami spo\u0142eczno\u015bciowymi, lub <a href=\"https:\/\/themewp.inform.click\/pl\/10-darmowych-ikon-mediow-spolecznosciowych-dla-twojej-witryny\/\" title=\"pobra\u0107 ikony medi\u00f3w spo\u0142eczno\u015bciowych za darmo\">pobra\u0107 ikony medi\u00f3w spo\u0142eczno\u015bciowych za darmo<\/a>, doda\u0107 je do tre\u015bci i po\u0142\u0105czy\u0107 z \u017c\u0105dan\u0105 platform\u0105.<\/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>Wtyczka wid\u017cetu ikon spo\u0142eczno\u015bciowych<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/social-icons-widget-by-wpzoom\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Wid\u017cet ikon spo\u0142eczno\u015bciowych<\/a> to doskona\u0142y spos\u00f3b na dodawanie ikon spo\u0142eczno\u015bciowych do Twojej witryny. Ta wtyczka z ikonami spo\u0142eczno\u015bciowymi umo\u017cliwia <strong>szybkie dodawanie szybkich link\u00f3w do wszystkich profili spo\u0142eczno\u015bciowych<\/strong>, a ponadto nie wymaga specjalnej wiedzy. Nie musisz umie\u0107 kodowa\u0107, wystarczy podstawowa znajomo\u015b\u0107 obs\u0142ugi komputera.<\/p>\n<p>Ta wtyczka do ikon spo\u0142eczno\u015bciowych <strong>dodaje szybkie linki lub ikony w dowolnym miejscu na swojej stronie internetowej<\/strong>, z kt\u00f3rych odwiedzaj\u0105cy mog\u0105 korzysta\u0107, aby uzyska\u0107 dost\u0119p do profili w mediach spo\u0142eczno\u015bciowych.<\/p>\n<p>Ta ratuj\u0105ca \u017cycie wtyczka obs\u0142uguje ponad 80 sieci spo\u0142eczno\u015bciowych. Za\u0142o\u017c\u0119 si\u0119, \u017ce nawet nie wiedzia\u0142e\u015b, \u017ce jest ich tak wielu, prawda? C\u00f3\u017c, wid\u017cet ikon spo\u0142eczno\u015bciowych obs\u0142uguje je wszystkie.<\/p>\n<p>Ponadto mo\u017cesz zmienia\u0107 kolejno\u015b\u0107 i sortowa\u0107 ikony metod\u0105 przeci\u0105gania i upuszczania, <strong>stosowa\u0107 jeden z wielu dost\u0119pnych styl\u00f3w i dostosowywa\u0107 ikony<\/strong>. Niedawno udost\u0119pniono selektor kolor\u00f3w, dzi\u0119ki czemu mo\u017cesz zmieni\u0107 kolor ikony na dowolny.<\/p>\n<p>Ikony gotowe do siatk\u00f3wki, integracja FontAwesome i obs\u0142uga Skype, Viber i WhatsApp to inne funkcje, kt\u00f3re odr\u00f3\u017cniaj\u0105 t\u0119 wtyczk\u0119 od innych.<\/p>\n<p>Je\u015bli chodzi o faktyczne wykorzystanie ikon spo\u0142eczno\u015bciowych, mo\u017cesz <strong>umie\u015bci\u0107 je na <a href=\"https:\/\/themewp.inform.click\/pl\/co-to-jest-pasek-boczny-wordpress-i-jak-go-utworzyc\/\" title=\"pasku bocznym\">pasku bocznym<\/a>, <a href=\"https:\/\/themewp.inform.click\/pl\/co-to-jest-stopka-i-jak-ja-dodac-w-wordpressie\/\" title=\"stopce\">stopce<\/a> lub dowolnej stronie swojej witryny<\/strong>. Wyb\u00f3r nalezy do ciebie. Ponadto wtyczka jest regularnie aktualizowana o nowe funkcje i stale dodawane s\u0105 nowe ikony.<\/p>\n<p>W zale\u017cno\u015bci od posiadanej wiedzy, mo\u017cesz ustawi\u0107 wid\u017cet ikon spo\u0142eczno\u015bciowych wp, korzystaj\u0105c z r\u00f3\u017cnych opcji ustawie\u0144. Poni\u017cej mo\u017cesz zapozna\u0107 si\u0119 z przewodnikiem zar\u00f3wno dla pocz\u0105tkuj\u0105cych, jak i profesjonalist\u00f3w lub dowiedzie\u0107 si\u0119, jak dodawa\u0107 ikony spo\u0142eczno\u015bciowe do swoich stron.<\/p>\n<h2>Podstawowe ustawienia dla pocz\u0105tkuj\u0105cych<\/h2>\n<p>Po zainstalowaniu wtyczki pojawia si\u0119 nowy wid\u017cet. Przeci\u0105gnij go do \u017c\u0105danego obszaru i to ju\u017c po\u0142owa wykonanej pracy!<\/p>\n<p>Ponadto, je\u015bli wolisz monitorowa\u0107 zmiany, kt\u00f3re wprowadzasz w tym samym oknie, mo\u017cesz edytowa\u0107 swoje wid\u017cety, wybieraj\u0105c Wygl\u0105d &gt; Dostosuj &gt; Wid\u017cety, tak jak robisz to przy <a href=\"https:\/\/themewp.inform.click\/pl\/jak-dodac-widzety-wordpress-do-swojej-witryny\/\" title=\"dodawaniu i edytowaniu wszystkich innych wid\u017cet\u00f3w\">dodawaniu i edytowaniu wszystkich innych wid\u017cet\u00f3w<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Social Icons Widget to <strong>bardzo przyjazna dla u\u017cytkownika wtyczka<\/strong>. Jest \u0142atwy do skonfigurowania z zaplecza i dostosowania go do w\u0142asnych potrzeb.<\/p>\n<p>Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 chcesz zrobi\u0107 z now\u0105 wtyczk\u0105 ikon spo\u0142eczno\u015bciowych, jest <strong>dodanie link\u00f3w do swoich profili w mediach spo\u0142eczno\u015bciowych<\/strong> :<\/p>\n<ul>\n<li>Wpisz lub wklej swoje linki<\/li>\n<li>Po wstawieniu adresu <strong>pojawi si\u0119 odpowiednia ikona spo\u0142eczno\u015bciowa<\/strong>. Dotyczy to jednak najwi\u0119kszych, najcz\u0119\u015bciej u\u017cywanych sieci spo\u0142eczno\u015bciowych. Jak powiedzieli\u015bmy wcze\u015bniej, wid\u017cet ikon spo\u0142eczno\u015bciowych obs\u0142uguje ponad 80 platform medi\u00f3w spo\u0142eczno\u015bciowych, a dla niekt\u00f3rych z nich ikona nie pojawia si\u0119 automatycznie.<\/li>\n<li>Aby <strong>doda\u0107 link do swojego e-maila<\/strong>, upewnij si\u0119, \u017ce ma on nast\u0119puj\u0105cy format: mailto: twoja poczta@example.com.<\/li>\n<li>Aby <strong>zmieni\u0107 kolejno\u015b\u0107 ikon<\/strong>, u\u017cyj strza\u0142ek znajduj\u0105cych si\u0119 przy ka\u017cdej z nich.<\/li>\n<li>Aby <strong>usun\u0105\u0107 zmiany w przypadku pope\u0142nienia b\u0142\u0119du<\/strong>, u\u017cyj kosza po prawej stronie.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<ul>\n<li>Klikni\u0119cie na ikon\u0119 otwiera pole, w kt\u00f3rym mo\u017cesz <strong>wybra\u0107 ikon\u0119, kt\u00f3rej chcesz u\u017cy\u0107<\/strong>. Sama wtyczka sugeruje ikon\u0119, ale oczywi\u015bcie nie musisz i\u015b\u0107 z t\u0105 sugesti\u0105.<\/li>\n<li>Kolejn\u0105 rzecz\u0105, kt\u00f3r\u0105 mo\u017cesz wybra\u0107, jest <strong>kolor ikony i wska\u017anika myszy<\/strong>, a tak\u017ce wybierz jedn\u0105 z kilku r\u00f3\u017cnych czcionek ikon.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>W przeciwie\u0144stwie do tych ustawie\u0144, w kt\u00f3rych dokonujemy modyfikacji ka\u017cdej indywidualnej ikony, istniej\u0105 r\u00f3wnie\u017c ustawienia og\u00f3lne. <strong>Ustawienia og\u00f3lne maj\u0105 zastosowanie do wszystkich u\u017cywanych przez nas ikon spo\u0142eczno\u015bciowych<\/strong> i s\u0105 przydatne, gdy chcemy wprowadzi\u0107 zbiorcze zmiany we wszystkich.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>W poni\u017cszym polu mo\u017cesz <strong>doda\u0107 tytu\u0142 do wid\u017cetu ikon spo\u0142eczno\u015bciowych, a tak\u017ce opis<\/strong>, kt\u00f3ry zostanie wy\u015bwietlony powy\u017cej. Mo\u017cesz u\u017cywa\u0107 podstawowego HTML, je\u015bli wiesz jak.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Wielk\u0105 zalet\u0105 wid\u017cetu ikon spo\u0142eczno\u015bciowych jest to, \u017ce <strong>u\u017cywa domy\u015blnych ustawie\u0144 czcionek z paska bocznego<\/strong>. W ten spos\u00f3b mo\u017cesz mie\u0107 pewno\u015b\u0107, \u017ce wszystko b\u0119dzie zgodne z reszt\u0105 strony. Przestrze\u0144 jest nieco nier\u00f3wna, ale zajmiemy si\u0119 tym p\u00f3\u017aniej.<\/p>\n<p>Kolejn\u0105 bardzo przydatn\u0105 rzecz\u0105, kt\u00f3ra jest dostarczana z t\u0105 wtyczk\u0105 ikon spo\u0142eczno\u015bciowych, jest opcja Otw\u00f3rz linki w nowej karcie i ustawienie linku nofollow. Aby je zastosowa\u0107, po prostu zaznacz odpowiednie pole.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Je\u015bli chodzi o etykiety Poka\u017c ikony, ta opcja pozwala <strong>okre\u015bli\u0107, czy obok ikony b\u0119dzie jaki\u015b tytu\u0142<\/strong>. Mo\u017ce to by\u0107 tytu\u0142 domy\u015blny, je\u015bli wtyczka rozpoznaje ikon\u0119, tak jak ma to miejsce w przypadku ikony Facebooka. Mo\u017cesz oczywi\u015bcie doda\u0107 w\u0142asny tytu\u0142, korzystaj\u0105c z pola znajduj\u0105cego si\u0119 nad polem adresu strony internetowej.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Nast\u0119pnie <strong>mo\u017cesz ustawi\u0107 wyr\u00f3wnanie<\/strong>: Brak, Lewo, \u015arodek, Prawo. Mo\u017cesz tak\u017ce wybra\u0107 jeden z dw\u00f3ch dost\u0119pnych styl\u00f3w ikon.<\/p>\n<p>Inn\u0105 rzecz\u0105, kt\u00f3r\u0105 mo\u017cesz ustawi\u0107, jest <strong>rozmiar ikony i wype\u0142nienie ikony<\/strong>, czyli wype\u0142nienie samej ikony \u2013 mi\u0119dzy symbolem a obramowaniem.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Je\u015bli chodzi o <strong>styl t\u0142a ikon<\/strong>, masz do wyboru trzy opcje:<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<h2>Zaawansowane ustawienia<\/h2>\n<p>Wspomnieli\u015bmy wcze\u015bniej o przestrzeni, a konkretnie \u2013 dope\u0142nieniu mi\u0119dzy opisem a ikonami spo\u0142eczno\u015bciowymi. Je\u015bli odst\u0119py s\u0105 za ma\u0142e, za du\u017ce lub nier\u00f3wne, mo\u017cesz to naprawi\u0107, <strong>dodaj\u0105c kilka prostych linijek CSS<\/strong>.<\/p>\n<p>Przejd\u017a do Wygl\u0105d &gt; Dostosuj i poszukaj Dodatkowy CSS.<\/p>\n<p>U\u017cyj lewej strony edytora, aby doda\u0107 kod i \u015bled\u017a zmiany w czasie rzeczywistym w prawo. Je\u015bli strona, nad kt\u00f3r\u0105 chcesz pracowa\u0107, nie jest wy\u015bwietlana w polu po prawej stronie, mo\u017cesz skorzysta\u0107 z menu, aby nawigowa\u0107 po witrynie i dotrze\u0107 do danej strony.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>U\u017cyj poni\u017cszego kodu, aby doda\u0107 dope\u0142nienie mi\u0119dzy opisem a ikonami:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important;}<\/code><\/pre>\n<p>Oczywi\u015bcie u\u017cyli\u015bmy 15px tylko dla przyk\u0142adu. Mo\u017cesz u\u017cy\u0107 innej warto\u015bci, tej, kt\u00f3ra ma sens na Twojej stronie. <a href=\"https:\/\/themewp.inform.click\/pl\/jak-sprawdzic-elementy-witryny-w-przegladarce\/\" title=\"Sprawd\u017a swoje elementy\">Sprawd\u017a swoje elementy<\/a> i znajd\u017a idealny rozmiar wy\u015bci\u00f3\u0142ki.<\/p>\n<p>Innym rodzajem odst\u0119p\u00f3w, o kt\u00f3re prawdopodobnie b\u0119dziesz chcia\u0142 zadba\u0107, jest <strong>przestrze\u0144 przed rz\u0119dem ikon<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>U\u017cyj nast\u0119puj\u0105cego wiersza kodu:<\/p>\n<pre><code>.zoom-social-icons-list {margin-left: 0px !important;}<\/code><\/pre>\n<p>Ponownie ustawisz tutaj swoj\u0105 w\u0142asn\u0105 warto\u015b\u0107, zamiast zera, kt\u00f3rego u\u017cyli\u015bmy w przyk\u0142adzie. Zauwa\u017c, \u017ce ten i poprzednio wspomniany wiersz kodu odnosz\u0105 si\u0119 do tej samej klasy .zoom-social-icons-list.<\/p>\n<p>Aby ustawi\u0107 obie warto\u015bci w tym samym czasie, u\u017cyjesz tej klasy i dodasz obie warto\u015bci, w ten spos\u00f3b:<\/p>\n<pre><code>.zoom-social-icons-list {padding-top: 15px !important; margin-left: 0px !important;}<\/code><\/pre>\n<p>Mo\u017cesz tak\u017ce <strong>ustawi\u0107 warto\u015b\u0107 dope\u0142nienia lub odst\u0119pu mi\u0119dzy samymi ikonami<\/strong>. Je\u015bli obecne wype\u0142nienie jest za du\u017ce lub za ma\u0142e, mo\u017cesz je zmieni\u0107, wpisuj\u0105c nast\u0119puj\u0105cy kod:<\/p>\n<pre><code>.zoom-social_icons-list__item {padding-right: 10px !important;}<\/code><\/pre>\n<p>Po raz kolejny s\u0105 to tylko przyk\u0142adowe warto\u015bci \u2013 wstawisz w\u0142asne.<\/p>\n<p>Kolejn\u0105 rzecz\u0105 w ikonach spo\u0142eczno\u015bciowych, kt\u00f3r\u0105 mo\u017cesz dostosowa\u0107, jest ich obramowanie. Na przyk\u0142ad mo\u017cesz chcie\u0107, <strong>aby wszystkie ikony spo\u0142eczno\u015bciowe mia\u0142y ten sam kolor i otoczone innym kolorem obramowania<\/strong>. Na przyk\u0142ad:<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>W rzeczywisto\u015bci jest to bardzo \u0142atwe. Wyja\u015bnili\u015bmy ju\u017c, jak sprawi\u0107, by wszystkie ikony mia\u0142y ten sam kolor. <strong>U\u017cyj narz\u0119dzia Sprawd\u017a, aby znale\u017a\u0107 klas\u0119 swojej ikony<\/strong>. Ten, kt\u00f3rego szukamy, to socicon-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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>W naszym przypadku kod do dodania obramowania do ikony Facebooka b\u0119dzie wygl\u0105da\u0142 nast\u0119puj\u0105co:<\/p>\n<pre><code>.socicon-facebook {border-style: solid !important; border-color:#00007f !important;}<\/code><\/pre>\n<p>Oczywi\u015bcie wybierzesz sw\u00f3j w\u0142asny kolor, a je\u015bli chodzi o styl obramowania, zajrzyj do CSS, a zobaczysz, \u017ce opr\u00f3cz \u201esolidnego&quot; dost\u0119pne s\u0105 r\u00f3wnie\u017c inne opcje styl\u00f3w.<\/p>\n<p>Dlatego dla ka\u017cdej ikony, do kt\u00f3rej chcesz doda\u0107 obramowanie, dodasz fragment kodu z \u017c\u0105danymi warto\u015bciami.<\/p>\n<h2>Dodawanie ikon spo\u0142eczno\u015bciowych do stron<\/h2>\n<p>Mo\u017cesz u\u017cy\u0107 wid\u017cetu, aby doda\u0107 ikony spo\u0142eczno\u015bciowe nie tylko do paska bocznego lub stopki, ale tak\u017ce do innych cz\u0119\u015bci witryny. W rzeczywisto\u015bci <strong>mo\u017cesz doda\u0107 je do dowolnej strony<\/strong>, jako cz\u0119\u015b\u0107 dowolnej zawarto\u015bci strony.<\/p>\n<p>Najpierw musisz zainstalowa\u0107 wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/widget-shortcode\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widget Shortcode :<\/a><\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Ta wtyczka dzia\u0142a poprzez wstawienie dodatkowego pola w ka\u017cdym z u\u017cywanych wid\u017cet\u00f3w, <strong>zawieraj\u0105cego kr\u00f3tki kod danego wid\u017cetu<\/strong>. W takim przypadku dodaje pole ze skr\u00f3tem do widgetu ikon spo\u0142eczno\u015bciowych w samym wid\u017cecie.<\/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=\"Kompletny przewodnik po wid\u017cecie ikon spo\u0142eczno\u015bciowych WordPress\"><\/a><\/p>\n<p>Po prostu <strong>skopiuj kod i wstaw go tam, gdzie chcesz<\/strong>. Nast\u0119pnie ikony spo\u0142eczno\u015bciowe ze wszystkimi ustawieniami wprowadzonymi w wid\u017cecie pojawi\u0105 si\u0119 w \u017c\u0105danym miejscu.<\/p>\n<h2>Ko\u0144cowe przemy\u015blenia<\/h2>\n<p>Wi\u0119c masz to, szybki i \u0142atwy spos\u00f3b na dodanie ikon spo\u0142eczno\u015bciowych do swojej witryny. Za pomoc\u0105 <strong>doskona\u0142ej wtyczki Social Icons Widget WPZOOM mo\u017cesz b\u0142yskawicznie<\/strong> po\u0142\u0105czy\u0107 si\u0119 ze wszystkimi profilami sieci spo\u0142eczno\u015bciowych, umo\u017cliwiaj\u0105c odwiedzaj\u0105cym \u0142atwy kontakt z Tob\u0105 we wszystkich kana\u0142ach medi\u00f3w spo\u0142eczno\u015bciowych. Maj\u0105c to wszystko na uwadze, nie zapomnij wyposa\u017cy\u0107 swojej witryny we <a href=\"https:\/\/themewp.inform.click\/pl\/5-najlepszych-wtyczek-wordpress-do-udostepniania-mediow-spolecznosciowych-2022\/\" title=\"wtyczki WordPress do udost\u0119pniania medi\u00f3w spo\u0142eczno\u015bciowych\">wtyczki WordPress do udost\u0119pniania medi\u00f3w spo\u0142eczno\u015bciowych<\/a>.<\/p>\n<p>PS Niedawno rozmawiali\u015bmy z zespo\u0142em WPZOOM i powiedzieli nam, \u017ce w przysz\u0142o\u015bci mo\u017cemy spodziewa\u0107 si\u0119 wielu aktualizacji i nowych funkcji wtyczki Social Icons Widget. Dlatego zagl\u0105daj na <strong><a href=\"https:\/\/www.wpzoom.com\/blog\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ich bloga<\/a><\/strong>, aby by\u0107 na bie\u017c\u0105co ze wszystkimi ich najnowszymi wiadomo\u015bciami i wydaniami.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wid\u017cet ikon spo\u0142eczno\u015bciowych to \u015bwietna ma\u0142a wtyczka WordPress, kt\u00f3ra umo\u017cliwia dodawanie link\u00f3w do profili medi\u00f3w spo\u0142eczno\u015bciowych za pomoc\u0105 ikon spo\u0142eczno\u015bciowych w dowolnym miejscu witryny.<\/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":[572],"tags":[847],"class_list":["post-369460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-podstawy-wordpressa","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/369460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=369460"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/369460\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/315724"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=369460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=369460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=369460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}