Jak wstawić ikony social media w WordPressie?

W tym wpisie znajdziesz informacje na temat jak wstawić ikony social media na swojej stronie WordPress korzystając z podstawowych narzędzi i wtyczek, bez potrzeby wgrywania dodatkowych. Poradnik stworzony jest dla początkujących użytkowników, którzy posługują się wyłącznie funkcjami dostępnymi w CMS WordPress i nie posiadają umiejętności programowania. Opisuje jedynie darmowe rozwiązania, bez zagłębiania się w opcje premium. 

Ikony można umieścić w kilku miejscach: w nagłówku, w stopce, w widgetach (zazwyczaj w sidebarze) oraz bezpośrednio w treści strony. Przekonaj się, jak to zrobić wykorzystując możliwości swojego motywu lub wtyczek, z których prawdopodobnie już korzystasz.

Spis treści
1. Ikony social media w nagłówku lub w stopce.
2. Ikony social media w treści strony.
3. Widgety z ikonami social media.

1. Ikony social media w nagłówku lub w stopce

Odpowiedni motyw

Jeżeli zależy Ci na posiadaniu ikon portali społecznościowych w górnej lub dolnej części strony, najprostszym rozwiązaniem jest wybranie motywu, który zawiera taką opcję. Unikniesz wtedy konieczności wgrywania dodatkowych wtyczek, które miałaby za zadanie uzupełnić brakującą funkcję. Warto pomyśleć o tym już przy zakładaniu strony, ponieważ mniejsza liczba wtyczek, to szybsze ładowanie witryny w przeglądarce.

Przy wyborze motywu kieruj się liczbą pobrań oraz ocenami wystawionymi przez użytkowników. Im te współczynniki są wyższe, tym większa pewność, że motyw jest bezpieczny i na bieżąco aktualizowany. Niektóre motywy mają wbudowaną funkcję dodawania ikon w nagłówku i stopce (np.: Customify).  Inne tylko w nagłówku (np.: Ashe). Są i takie, które umożliwiają wstawianie widgetów w górnej i/lub dolnej części strony (np.: ColorMag, GeneratePress czy Zakra). Poniżej pokażę przykład wstawiania ikon za pomocą wbudowanej funkcji w motywie Customify. O widgetach piszę natomiast w punkcie trzecim.

Po wgraniu motywu Customify, a następnie utworzeniu i aktywowaniu motywu potomnego przejdź do zakładki Wygląd > Dostosuj.

Jak widzisz ikony social media są już wstawione w górnym prawym rogu. Aby je edytować wybierz z menu po lewej stronie Nagłówek > Ikony społecznościowe.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Po wybraniu zakładki Nagłówek na dole pojawi się dodatkowy panel edycji nagłówka. Stąd też możesz przejść do ustawień ikon oraz wybrać ich położenie w jednym z trzech dostępnych wierszy nagłówka.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

W polu edycji ikon możemy natomiast dobrać rodzaj ikon (niekoniecznie muszą być to social media), ustawić sposób ich wyświetlania oraz przypisać adres URL kont społecznościowych. Poniżej przykładowe ustawienia nowego wyglądu ikon.

Edycja ikon social media w motywie Customify
Edycja ikon social media w motywie Customify

Motyw Customify posiada także opcję dodania ikon społecznościowych w stopce. Z menu po lewej wybierz Stopka – wtedy na dole pojawi się podobny panel edycji jak w przypadku nagłówka. Przeciągnij pole “ikony społecznościowe” w wybrane miejsce i przejdź do edycji wyświetlania ikon.

Edycja ikon social media w motywie Customify
Edycja ikon social media w motywie Customify

Menu Image

W sytuacji, gdy z pewnych powodów decydujesz się jednak na motyw, który nie posiada funkcji wstawienia ikon społecznościowych, a chciałbyś uzupełnić główne menu o ikonki social media, z pomocą przychodzi prosta wtyczka Menu Image. Dzięki niej w ustawieniach menu pojawi się opcja dodawania obrazka z własnym odnośnikiem, który przekieruje Cię na odpowiedni fanpage. Jedynym utrudnieniem przy stosowaniu tego rozwiązania może być dobranie odpowiedniego rozmiaru ikony do wielkości tekstu w menu. 

Aby użyć Menu Image po zainstalowaniu wtyczki przejdź do Wygląd > Menu i  dodaj nowy element do swojego menu z zakładki Własne odnośniki. Do utworzonego odnośnika dołącz wybrany obrazek. 

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Menu Image posiada trzy podstawowe formaty obrazków: 24×24, 36×36 i 48×48. W moim przypadku potrzebowałam ikony w jeszcze mniejszym rozmiarze, dlatego w polu Image Size wybrałam opcję Original Size, aby ikonki miały wymiar dokładnie taki, jaki sama im wcześniej przypisałam podczas edycji obrazka.

Poniżej menu z ikonami social media, jakie uzyskałam dzięki wtyczce Menu Image. Takie menu złożone z zakładek i ikon (lub samych ikon) możesz wstawić w nagłówku, a czasami także i w stopce.

Menu stworzone za pomocą Menu Image

Podstawowe formaty obrazków wtyczki możesz zmieniać w zakładce Menu Image.

Ustawienia formatów obrazków w Menu Image

2. Ikony social media w treści strony

Przy tworzeniu stron nie musisz wgrywać specjalnych wtyczek, aby dodać ikony portali społecznościowych. Wykorzystaj opcje, które gwarantują wtyczki, z których już korzystasz lub po prostu dodaj obrazki ikon z odpowiednim odnośnikiem.

Wykorzystaj Elementor

Elementor to popularna wtyczka WordPressa, dzięki której możesz budować stronę za pomocą bloków w rzeczywistym podglądzie. Jeśli już z niej korzystasz wybierz po prostu z dostępnych elementów “Ikony mediów społecznościowych” i przeciągnij w miejsce wybranej sekcji oznaczonej znakiem plusa.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Elementor udostępnia korzystanie z najpopularniejszych ikon social media i nie tylko. Dodatkowo możesz ustawić tutaj m.in.: kształt, kolor i animacje ikon oraz ich położenie i responsywną widoczność. Ustawienia te znajdziesz w zakładkach Treść, Styl i Zaawansowane. Pamiętaj o przypisaniu linku ze swoim profilem do każdej z ikon w polu z odnośnikiem. 

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Bloki Gutenberga (Otter)

Wtyczka z blokami Gutenberga poszerza zakres opcji w podstawowym edytorze stron i wpisów w WordPressie. Dzięki niej również możesz wstawić ikony z odnośnikami do Twoich kont na portalach społecznościowych. Wystarczy, że podczas tworzenia wpisu w edytorze WordPressa wybierzesz z listy bloków Otter > Button Group.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Następnie wybierz z menu po prawej Icon Settings > Icon Position: Icon Only > Icon Picker i rozwiń listę z dostępnymi ikonami.

Ikony social media - ustawienia w blokach Gutenberga

Aby pozbyć się kolorowego tła za ikoną przejdź do opcji Color & Border > Background > Wyczyść.

Ikony social media - ustawienia w blokach Gutenberga

W zakładkach Buttons > Spacing i Group Settings możesz dostosować położenie ikon i odstępy pomiędzy nimi. Pamiętaj o wklejeniu linku do Twojego profilu dla każdej z ikon w polu Odnośnik. Klikając w trybik przy polu z linkiem możesz wybrać, czy chcesz, aby odnośnik otwierał się w nowej karcie.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Wstaw obrazek

Kolejnym rozwiązaniem przekierowania użytkownika na Twój fanpage może być po prostu wstawienie obrazka z logiem social media lub zachęcającym hasłem. Wystarczy wtedy, że przypiszesz do grafiki odnośnik z linkiem do Twojego profilu. Przy dobieraniu odpowiedniego rozmiaru obrazków pamiętaj zarówno o optymalizacji strony, jak i poprawnym wyświetlaniu grafiki.

Poniżej przykład wstawienia obrazka z odnośnikiem w edytorze WordPress i w Elementorze. W moim przypadku użyłam grafiki zachęcającej do odwiedzenia profilu na FB. Możesz skorzystać z podobnego lub po prostu wstawić logo danego portalu.

Wstawienie obrazka z odnośnikiem do facebooka w edytorze WordPressa
Wstawienie obrazka z odnośnikiem do facebooka w Elementorze

3. Widgety z ikonami social media

Ilość pól widgetów oraz ich umiejscowienie na stronie zależy od motywu. Zazwyczaj są to stopka i sidebar. Niektóre motywy posiadają również możliwość wstawiania widgetów w nagłówku. Poniżej znajdziesz informację jak wyposażyć własną stronę o takie widgety.

Widgety od Jetpacka

Jetpack to wielofunkcyjna wtyczka do WordPressa, w której dostosujesz ustawienia dotyczące bezpieczeństwa, optymalizacji, udostępniania i komentowania oraz będziesz mógł śledzić statystyki. Dzięki niej masz także dostęp do większej ilości widgetów, w tym właśnie do widgetu z ikonami social media.

Gdy już masz zainstalowanego i skonfigurowanego Jetpacka wejdź w Jetpack > Ustawienia > Pisanie > Widgets i aktywuj dodatkowe widgety. Możesz również włączyć kontrolę widoczności widgetów na określonych stronach i wpisach.

Włączenie widgetów w Jetpacku

Następnie przejdź w menu WordPressa do Wygląd > Widgety > Ikony Mediów Społecznościowych lub Wygląd > Dostosuj > Widgety > Pole, w którym ma być wstawiony widget > Dodaj widget > Ikony Mediów Społecznościowych i wybierz, w którym z dostępnych miejsc chcesz wstawić ikony social media. Ja moje ikony wstawię w sidebarze.

Widget z ikonami mediów społecznościowych od Jetpacka

Warto wspomnieć, że ikony social media w widgecie od Jetpacka przejmują ustawiony kolor akcentu (w przypadku mojego motywu jest to kolor odnośnika). Aby dodać więcej ikon wybierz “Dodaj ikonę” i wklej link do swojego profilu – ikona pojawi się automatycznie.

Jak wstawić ikony social media w wordpressie? ejankowska.pl Wirtualna Asystentka CMS WordPress

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *