Jak dodać ikonki mediów społecznościowych na panelu bocznym Twojego WordPressa?

Za każdym razem, gdy tworzymy nową witrynę WordPress, jedną rzeczą, o której nigdy nie zapominamy, jest dodanie ikon mediów społecznościowych. To taki prosty, ale potężny sposób na nawiązanie kontaktu z naszymi odbiorcami poza samą witryną.

Dodanie ikon społecznościowych do witryny jest jak pozostawienie śladów dla odwiedzających. Daje im to znać o Twojej obecności w mediach społecznościowych i daje im łatwy sposób na śledzenie Cię na różnych platformach.

W tym artykule pokażemy, jak dodać ikony mediów społecznościowych do paska bocznego WordPress.

Dlaczego warto dodać ikonki mediów społecznościowych do twojego panelu bocznego WordPress?

Panel boczny WordPress to obszar na twojej witrynie internetowej, który nie jest częścią głównej treści. Jest to miejsce, w którym możesz wyświetlać dodatkowe informacje, które mogą zainteresować czytelników, takie jak twoje najnowsze wpisy na blogu i odnośniki do profili społecznościowych.

Dodanie odnośników społecznościowych do panelu bocznego WordPress jest dobrym pomysłem, ponieważ informuje użytkowników o twoich kontach w mediach społecznościowych. W rezultacie mogą je sprawdzić, śledzić cię i pomóc ci rozwinąć obserwację w mediach społecznościowych.

Co więcej, wyświetlanie twoich kont w mediach społecznościowych może budować poczucie wiarygodności i służyć jako dowód społeczny. Gdy odwiedzający widzą, że jesteś włączony do mediów społecznościowych, pokazuje to, że twoja witryna e-handlu lub biznesowa jest godna zaufania.

Wiele popularnych blogów WordPress wyświetla ikonki mediów społecznościowych w swoich panelach bocznych, takich jak WPBeginner:

Mając to na uwadze, przyjrzyjmy się, jak dodać ikonki mediów społecznościowych do panelu bocznego twojej witryny internetowej WordPress.

Metoda, której należy użyć, zależy od używanego motywu WordPress i edytora. Jeśli chcesz przejść do określonej sekcji, możesz skorzystać z tych szybkich odnośników:

Metoda 1: Dodawanie ikonek społecznościowych za pomocą pełnego edytora witryny (motywy blokowe)

Jeśli jesteś użytkownikiem motywu blokowego, możesz dodać przyciski mediów społecznościowych do panelu bocznego WordPress za pomocą bloku Social Icons.

Należy pamiętać, że proces ten różni się w zależności od używanego motywu. Niektóre motywy bloków mogą zawierać domyślnie panel boczny, do którego można następnie dodać blok ikonek społecznościowych. Niektóre mogą mieć również wzorzec nagłówka, który działa jak pasek boczny, a niektóre mogą w ogóle nie mieć paska bocznego.

W tym przykładzie użyjemy domyślnego motywu blokowego WordPress, który domyślnie zawiera już część szablonu Sidebar.

Najpierw przejdź do Wygląd ” Edytor w twoim panelu administracyjnym WordPress.

Następnie należy wybrać opcję „Wzorce”.

Spowoduje to przejście do strony, na której można edytować części szablonu motywu, takie jak nagłówki, stopki i paski boczne.

Tutaj wybierz opcję „Wszystkie części szablonu”.

Znajdź część szablonu Sidebar, kliknij przycisk z trzema kropkami i wybierz „Edytuj”. Spowoduje to otwarcie edytora WordPress.

Zobaczysz teraz domyślną część szablonu paska bocznego. Tutaj różne części paska bocznego są zwykle oddzielone kształtem dzielnika, takim jak linia prosta.

Powiedzmy, że chcesz dodać ikony mediów społecznościowych poniżej biogramu autora. W takim przypadku kliknij przycisk „Widok listy” po lewej stronie i wybierz blok „Separator”, który znajduje się tuż pod grupą elementów biogramu autora.

Kliknij menu z trzema kropkami i wybierz opcję „Dodaj po”.

Teraz kliknij przycisk „+” w dowolnym miejscu na stronie.

Następnie wybierz blok „Grupa”.

Na tym etapie możesz wybrać układ dla bloku grupy.

Trzymamy się prostoty, więc wybierzemy pierwszą opcję.

Przejdźmy dalej i dodajmy kopię wezwania do działania, która pojawi się nad ikonami mediów społecznościowych.

Aby to zrobić, wystarczy kliknąć przycisk „+” wewnątrz bloku grupy i wybrać blok „Akapit”.

Teraz możesz wstawić tekst wezwania do działania.

Może to być cokolwiek chcesz, na przykład „Śledź nas w mediach społecznościowych”.

Po zakończeniu kliknij ponownie przycisk „+” i znajdź blok „Ikony społecznościowe”.

Teraz możesz zacząć dodawać twoje platformy mediów społecznościowych do bloku. Wystarczy ponownie kliknąć przycisk „+” i dodawać twoje przyciski mediów społecznościowych jeden po drugim.

Skorzystaj z funkcji wyszukiwania, aby przejrzeć wszystkie opcje sieci społecznościowych.

Po dodaniu wszystkich przycisków możesz rozpocząć dodawanie własnych odnośników do twoich profili społecznościowych.

Wszystko, co musisz zrobić, to kliknąć ikonkę społecznościową i wpisz adres URL swojego profilu.

Na tym etapie można dostosować wygląd ikonek do własnych potrzeb.

Jeśli rozmiar przycisków nie jest wystarczająco duży lub mały, można użyć opcji „Rozmiar” na pasku narzędzi bloku.

W ustawieniach bloku po lewej stronie można dostosować justowanie ikonek, orientację, ustawienia odnośników i etykiety.

Zalecamy, aby odnośniki otwierały się w nowej karcie, dzięki czemu użytkownicy nie będą musieli opuszczać twojej witryny internetowej, aby przejść na profile społecznościowe.

Jeśli przełączysz się na kartę Style bloków, możesz zmienić style i kolory ikonek, aby dopasować je do twojego projektu witryny internetowej WordPress.

W zależności od twoich preferencji, wszystkie ikonki mogą mieć różne kolory lub ten sam, jak poniżej.

Przewijając tę samą kartę w dół, znajdziesz ustawienia wymiarów, aby dostosować margines bloku i odstępy.

Ustawienia te mogą być pomocne, jeśli chcesz dostosować odstępy między blokiem ikonek społecznościowych a innymi blokami na panelu bocznym.

Dobrym pomysłem jest również dodanie tekstu wezwania do działania na górze bloku ikonek społecznościowych, aby podkreślić, gdzie znajdują się przyciski i zachęcić użytkowników do zostania obserwującymi lub subskrybentami.

Aby to zrobić, dodaj blok akapitu za pomocą przycisku „+”. Upewnij się, że znajduje się on nad ikonkami społecznościowymi.

Niektóre przykłady działań typu „call-to-action” to „Follow Us”, „Join Over X Readers” lub „Get the Latest Updates”.

Jeśli jeszcze tego nie zrobiłeś, możesz również dodać więcej elementów do panelu bocznego, takich jak twoje wpisy i ostatnie komentarze.

Teraz wystarczy kliknąć przycisk „Zapisz” w prawym górnym rogu strony.

Jeśli nie widzisz tych zmian odzwierciedlonych na swoich stronach lub postach, najprawdopodobniej żadna z nich nie korzysta z części szablonu Sidebar.

Aby upewnić się, że wybrana strona korzysta z szablonu strony z paskiem bocznym, możesz wrócić do menu głównego edytora całej witryny. Następnie wybierz „Strony”.

Teraz wybierz stronę, na której chcesz wyświetlić pasek boczny i kliknij przycisk „Edytuj”.

Jako przykładu użyjemy szablonu strony z paskiem bocznym na naszej przykładowej stronie.

Na tym etapie możesz kliknąć czarną ikonę „Ustawienia” w prawym górnym rogu.

Następnie kliknij „Strony” i wybierz „Zamień szablon”.

Niektóre szablony stron są dostępne w motywie.

Tutaj wystarczy wybrać ten z paskiem bocznym, który właśnie edytowaliśmy.

Po zakończeniu kliknij „Zapisz” jak zwykle.

Gdy wejdziesz na swoją witrynę internetową WordPress, powinieneś zobaczyć panel boczny z kilkoma odnośnikami społecznościowymi.

Metoda 2: Dodawanie ikonek mediów społecznościowych za pomocą widżetów WordPress (motywy klasyczne)

Ta kolejna metoda jest przeznaczona dla osób korzystających z klasycznego motywu WordPress z panelami bocznymi obsługującymi widżety.

Aby dodać przyciski mediów społecznościowych do twojego panelu bocznego, po prostu przejdź do Wygląd ” Widżety z kokpitu WordPress.

Następnie przejdź do obszaru widżetów WordPress, w którym chcesz dodać widżet ikonek społecznościowych. W naszym przykładzie wybierzemy „Panel boczny”, ale nazwa może być inna w zależności od używanego motywu.

Teraz kliknij przycisk dodawania bloku „+” w lewym górnym rogu, obok opcji „Widżety”.

Tutaj można wyszukać blok Ikonki społecznościowe.

Następnie należy kliknąć ten widżet panelu bocznego lub przeciągnąć go i upuścić w dowolnym miejscu w obszarze edycji.

Ogólnie rzecz biorąc, najlepiej jest dodać ikonki sieci społecznościowych blisko górnej części obszaru widżetu. W ten sposób przyciągną one uwagę odwiedzających twoją stronę od razu po wejściu na nią.

Następnie, podobnie jak w poprzedniej metodzie, można kliknąć przycisk „+”, aby utworzyć nowe przyciski mediów społecznościowych jeden po drugim na widżecie.

W poniższym przykładzie umieściliśmy blok ikonek społecznościowych poniżej bloku wyszukiwania. Dodajemy również ikonkę WhatsApp.

W tym momencie możesz zacząć dodawać twoje odnośniki społecznościowe.

W przypadku WhatsApp możesz wpisać rodzaj „wa.me/” i wpisać obok niego twój numer WhatsApp. Nie ma potrzeby używania symbolu +, ale upewnij się, że dodałeś swój krajowy numer kierunkowy, jak na tym zrzucie ekranu.

W prawym panelu masz również dostęp do opcji Ustawienia bloku i Style.

Aby otworzyć te opcje, można kliknąć ikonkę „Ustawienia” w prawym górnym rogu.

Dodatkowo, możesz dodać blok akapitu na górze widżetu mediów społecznościowych dla twojego tekstu wezwania do działania.

Zalecamy, aby bloki Akapit i Ikonki społecznościowe stanowiły grupę, aby nie wyglądały na oddzielone na panelu bocznym.

Aby to zrobić, wystarczy zaznaczyć razem Akapit i ikonki społecznościowe. Następnie kliknij ikonkę „Przekształć” na pasku narzędzi bloku i wybierz „Grupuj”.

Po zakończeniu kliknij przycisk „Aktualizuj”, aby wprowadzić zmiany na wszystkich twoich panelach bocznych.

Oto jak powinien wyglądać efekt końcowy:

Metoda 3: Dodawanie własnych ikonek mediów społecznościowych za pomocą SeedProd (motywy własne)

Jeśli korzystasz z SeedProd, będziesz mieć większą kontrolę nad wyglądem twoich przycisków mediów społecznościowych na panelu bocznym. Na przykład, jeśli korzystasz z platformy mediów społecznościowych, dla której WordPress nie ma ikonki, możesz samodzielnie utworzyć dla niej przycisk.

Dodatkowo można dostosować odstępy między ikonkami specjalnie dla urządzeń mobilnych.

Jeśli jesteś nowym użytkownikiem SeedProd i chcesz z niego korzystać, musisz najpierw zainstalować i włączyć wtyczkę. Będziesz potrzebował wersji Pro, aby uzyskać dostęp do funkcji profili społecznościowych.

Aby uzyskać więcej informacji na temat instalowania wtyczek, zapoznaj się z naszym przewodnikiem na temat instalowania wtyczek WordPress.

Następnie możesz postępować zgodnie z tym poradnikiem, aby skonfigurować twój motyw za pomocą SeedProd.

Teraz, aby dodać ikonki społecznościowe do panelu bocznego, należy przejść do SeedProd ” Theme Builder. Następnie najedź kursorem na szablon „Panel boczny” i kliknij „Edytuj projekt”.

Znajdujesz się teraz wewnątrz kreatora stron SeedProd. Blok profili społecznościowych powinien zostać domyślnie dodany do szablonu motywu.

Jeśli jednak tak się nie stało, możesz użyć paska wyszukiwania w lewym panelu i wpisać „Profile społecznościowe”. Następnie wystarczy przeciągnąć i upuścić blok w odpowiednie miejsce.

Nie zapomnij dodać bloku tekstowego na górze przycisków i napisać tekst wezwania do działania.

W ten sposób kierujesz uwagę odwiedzających na przyciski mediów społecznościowych na panelu bocznym.

Aby dostosować wygląd ikonek profili w mediach społecznościowych, wystarczy kliknąć element „Profile społecznościowe”. Tutaj zobaczysz różne karty, aby dostosować przyciski do własnych potrzeb.

Na karcie „Treść” można dodać więcej ikonek i zmienić ich styl, rozmiar i wyrównanie.

Oprócz standardowych opcji, takich jak Instagram i Facebook, SeedProd ma również przyciski dla Slack, Telegram, Github i innych.

Aby utworzyć nową ikonkę mediów społecznościowych, której SeedProd nie posiada domyślnie, należy kliknąć przycisk „+ Add New Share”.

Następnie wybierz „Dostosuj” z rozwijanego menu.

Aby edytować przycisk, kliknij symbol ustawień koła zębatego obok przycisku strzałki.

Gdy już to zrobisz, po prostu wybierz „Wybierz ikonkę”.

Teraz zostaniesz przekierowany do Biblioteki ikon, gdzie znajdują się setki ikon marek do wyboru, dzięki uprzejmości ikon Font Awesome.

W tym przykładzie użyjemy Airbnb. Istnieją jednak również inne platformy, takie jak LinkedIn czy Tumblr.

Po wybraniu ikonki można dostosować kolor i dodać odnośnik do strony mediów społecznościowych.

Tutaj zdecydowaliśmy się pozostać przy kolorze marki Airbnb. Wstawiając odnośnik do konta społecznościowego, upewnij się, że zawiera on również „https://”.

Następnie znajduje się karta „Szablony”.

Po przejściu na tę kartę można dostosować wygląd ikonki. Możesz uczynić ją bardziej kwadratową, okrągłą i/lub monochromatyczną, w zależności od twoich preferencji.

Wreszcie, karta „Zaawansowane” oferuje więcej sposobów na dostosowanie twoich przycisków mediów społecznościowych.

Sekcja Style to miejsce, w którym można zmienić styl ikonek, ich kolor, rozmiar, odstępy między nimi i efekt cienia.

W sekcji Spacing można edytować margines i dopełnienie bloku. Wspaniałą cechą SeedProd jest to, że pozwala na zmianę marginesu i dopełnienia dla urządzeń stacjonarnych i mobilnych.

Aby edytować margines i dopełnienie, wystarczy wybrać jedną z ikonek urządzenia i wstawić twoje wymiary marginesu i dopełnienia w następujący sposób:

Przewijając w dół, znajdziesz opcje Widoczność urządzenia i Efekty animacji.

W pierwszym ustawieniu możesz zdecydować się na ukrycie bloku na komputerze lub telefonie komórkowym. Może to być konieczne, jeśli zdecydowałeś się użyć bloku profili społecznościowych w innej części twojej witryny internetowej i nie chcesz duplikować ikonek profili społecznościowych.

Dzięki efektom animacji można wybrać styl animacji dla bloku, gdy ikonki są wczytywane na stronie. Efekt ten nie jest konieczny, jeśli nie chcesz zbytnio odwracać uwagi odwiedzającego od głównej treści.

Po skonfigurowaniu bloku profili społecznościowych zgodnie z twoimi upodobaniami, po prostu kliknij przycisk „Zapisz” w prawym górnym rogu.

Możesz też kliknąć przycisk „Podgląd”, aby najpierw zobaczyć, jak wygląda panel boczny.

I to wszystko! Pomyślnie dodałeś blok profili społecznościowych za pomocą SeedProd.

Oto jak może wyglądać efekt końcowy:

Wskazówka bonusowa: Osadzanie twoich profili w mediach społecznościowych na witrynie WordPress

Dodanie ikonek mediów społecznościowych do twojego panelu bocznego to świetny pierwszy krok do zwiększenia liczby obserwujących i pokazania dowodu społecznego. Warto również osadzać swoje kanały mediów społecznościowych bezpośrednio na witrynie WordPress.

Dzięki temu odwiedzający mogą zobaczyć twoje najnowsze treści i nawiązać z tobą kontakt bezpośrednio w witrynie internetowej, potencjalnie zwiększając świadomość marki i zaangażowanie.

Najprostszym sposobem na osadzanie kanałów mediów społecznościowych w WordPress jest użycie Smash Balloon. Ta wtyczka do mediów społecznościowych pozwala połączyć twoją witrynę internetową z różnymi platformami społecznościowymi i osadzać z nich kanały.

A co najlepsze? Smash Balloon ułatwia dostosowanie tych kanałów do własnych upodobań. W ten sposób twoje kanały mediów społecznościowych wyglądają świetnie z resztą projektu witryny internetowej.

Więcej informacji można znaleźć w tych poradnikach:

• Jak utworzyć własny kanał zdjęć Instagramu w WordPressie?
• Jak stworzyć własny Facebook Feed w WordPressie?
• Jak wyświetlać najnowsze tweety w WordPress (krok po kroku)?
• Jak wyświetlać najnowsze filmy z kanału YouTube w WordPress?
• Jak osadzać filmy z TikTok w WordPress?

Mamy nadzieję, że ten przewodnik krok po kroku pomógł ci dowiedzieć się, jak dodać ikonki mediów społecznościowych do twojego panelu bocznego WordPress. Zachęcamy również do zapoznania się z naszym artykułem na temat dodawania ikonek mediów społecznościowych do twojego menu WordPress oraz z naszą listą niezbędnych wtyczek WordPress dla witryn biznesowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.