Jak mówi stare porzekadło, obraz wart jest tysiąca słów. Możemy argumentować, że w rzeczywistości jest znacznie mniej, ale nie można zaprzeczyć, że sieć ikony są potężne i intuicyjne, zwłaszcza w mediach społecznościowych. Ten wesoły niebieski ptak w locie? Stylizowany kwadratowy aparat? Czerwony prostokąt z okrągłym rogiem i symbolem gry? Wiesz, co oznaczają, nawet nie myśląc. Logo mediów społecznościowych to jedne z najbardziej zapadających w pamięć zdjęć.
Dodawanie ikon mediów społecznościowych do menu WordPressa jest łatwe i nie zajmuje wcale czasu. Pokażemy Ci jak. Ale zanim przejdziemy do mosiężnych pinezek, omówmy, dlaczego chcesz mieć ikony mediów społecznościowych w swoim menu.
Wiele ikon może zaśmiecać Twój interfejs, zwłaszcza na urządzeniach mobilnych. Umieszczając je w menu, możesz łatwo tego uniknąć. Użytkownicy są przyzwyczajeni do szukania ich w menu i możesz uczynić menu bardziej eleganckim i intuicyjnym dodając do niego ikony.
Podobnie mógłbyś stworzyć specjalne menu społecznościowe za pomocą tylko ikon mediów społecznościowych i osadź to menu w dowolnym obszarze gotowym na widżety, aby odwiedzający mogli dotrzeć do treści w mediach społecznościowych za pomocą jednego kliknięcia i bez konieczności opuszczania witryny. Twoi użytkownicy mobilni będą szczególnie wdzięczni.
Jeśli korzystasz z naszego wszechstronnego motywu Bridge, dodawanie ikon społecznościowych do menu nagłówka lub stopki jest tak proste, jak to tylko możliwe. Mamy nawet do tego dedykowany widget!
Wszystko, czego naprawdę potrzebujesz, aby zainstalować ikony mediów społecznościowych w nagłówku lub stopce, to ten przydatny samouczek wideo:
Ale jeśli wolisz samouczki w formie tekstowej, przewiń w dół. Przeprowadzimy Cię krok po kroku przez wszystko, co musisz zrobić. Pokażemy Ci, jak to zrobić w menu nagłówka, ale obszary stopki działają w zasadzie tak samo.
Dostępne obszary widżetów będą zależeć od używanej wersji demonstracyjnej programu Bridge. Nagłówek używanego przez nas demo nie zawiera żadnych ikon społecznościowych.
Aby to naprawić, musisz przejść do Wygląd/widżety poprzez menu po prawej stronie na pulpicie WordPress.
Następnie musisz znaleźć odpowiedni obszar widżetów. Chcemy, aby obok menu znajdowały się nasze ikony społecznościowe, a w tym demo Bridge odpowiedni obszar to Nagłówek w prawym dolnym rogu. Aby umieścić ikonę społecznościową w dowolnym obszarze widżetów, musisz przeciągnąć Ikona społecznościowa Qode widget do niego.
Następnie musisz skonfigurować ten widżet. Wybierzemy Koło typ ikony (możesz wybrać inny typ ikony, w zależności od stylu i wyglądu Twojej witryny), Czcionka Elegancka pakiet ikon (obsługiwany również jest Font Awesome), a Facebook ikona z Elegancka ikona czcionki rozwijanego menu i wprowadź Niestandardowy rozmiar oraz Niestandardowy rozmiar kształtu (odpowiednio 10 i 13 pikseli dla nas, ale możesz wybrać własne). Na potrzeby tej demonstracji dostarczymy widżet z hiperłączem do naszej strony na Facebooku (oczywiście użyjesz swojego) i zmienimy Cel na Nowe okno. ten Ikona społecznościowa Qode Widget zawiera również wiele ustawień projektowych, których teraz nie będziemy omawiać. Wystarczy powiedzieć, że mnogość ustawień rozmiaru, koloru i obramowania sprawia, że widżet jest bardzo wszechstronny i można go dostosować do dowolnego stylu.
Możesz wypełnić ten sam obszar kilkoma ikonami społecznościowymi, jeśli chcesz, tak jak to zrobiliśmy tutaj. Kolejność sortowania ikon społecznościowych to kolejność (od lewej do prawej), w której ikony będą wyświetlane w nagłówku. A teraz twój nagłówek będzie zawierał ścieżki dla twoich kont w mediach społecznościowych.
Ale co, jeśli chcesz dołączyć ikony społecznościowe do pozycji w swoim menu? Bridge może to zrobić, podobnie jak inne motywy, których możesz używać, ale pokażemy, jak to zrobić z naszym motywem.
Najpierw musisz przejść do Wygląd/Menu i znajdź swoje górne menu nawigacyjne. W naszym przypadku jego nazwa to Mega Menu. Następnie należy dodać link do profilu w mediach społecznościowych, w naszym przypadku do naszego profilu na Twitterze. Aby to zrobić, musisz dodać Link niestandardowy pozycję menu do swojego menu. Znaleźć Linki niestandardowe przedmiot w Dodaj pozycje menu menu i wklej adres URL do URL pole. Na naszym Twitterze po prostu wpiszemy Nasz Twitter do Tekst linku pole i kliknij Dodaj do menu przycisk.
Element jest teraz na dole twojego Struktura menu, co oznacza, że pojawi się po prawej stronie górnego menu nawigacyjnego. Podoba nam się tam, ale oczywiście możesz organizować swoje menu w dowolny sposób. Rozwiń element, aby go skonfigurować. Do Rodzaj, musisz wybrać szeroki z ikonami, ponieważ jest to jedyny typ elementu menu, który wyświetla ikonę w programie Bridge. Wybierzemy również Czcionka niesamowita dla naszych Pakiet ikon, oraz fa-twitter dla naszych Ikona. Oczywiście możesz wybrać Czcionka Elegancka pakiet ikon i ikonę, którą lubisz w swoim profilu społecznościowym. Przewiń nieco dalej w dół, kliknij Zapisz menu przycisk.
A teraz twoje menu będzie zawierało link z ikoną społecznościową. Możesz dodaj tyle linków społecznościowych, ile chcesz, a także przypisz ikony do innych elementów menu, ale wykracza to poza zakres tej demonstracji.
Naszą pierwszą sugestią jest zawsze używanie wbudowanej funkcjonalności motywu w celu uzyskania dowolnego efektu. Jeśli motyw, którego używasz, nie ma pożądanej funkcjonalności, wtyczka często oferuje dobre obejście. Wtyczka, której będziemy używać to Obraz menu. Po zainstalowaniu i aktywacji wtyczki zostaniesz najpierw poproszony o włączenie powiadomień dla tej wtyczki (co zrobimy Pomijać), a następnie przeniesiony do ekranu Ustawienia. Tutaj możesz zmienić rozmiary ikon, aby pasowały do stylu Twojej witryny. Po prostu po prostu Zapisz zmiany i ruszaj dalej.
Następnie przejdź do Wygląd/Menu i znajdź swoje główne menu nawigacyjne, Mega Menu. Wybierać Linki niestandardowe od Dodaj pozycje menu menu po lewej stronie i skonfiguruj je. Na potrzeby tej demonstracji wkleimy adres URL naszego profilu na Instagramie w URL pole i podpisz je Nasz Instagram w Tekst linku pole przed kliknięciem Dodaj do menu przycisk, podczas gdy możesz wybrać dowolny profil społecznościowy i ikonę, którą lubisz.
Spowoduje to umieszczenie Linki niestandardowe element na dole twojego Struktura menu, co oznacza, że pojawi się po prawej stronie menu. Możesz dowolnie układać swoje menu, ale my je tam zostawimy. Musisz rozwinąć element, aby go skonfigurować. Ustawimy Pozycja tytułu do Później, co oznacza, że ikona pojawi się lewo z Etykieta nawigacyjnai kliknij Ustaw obraz aby wybrać obraz z Biblioteki multimediów lub przesłać go.
Do naszej Biblioteki Mediów dodaliśmy bezpłatną ikonę Instagrama. Możesz przesłać dowolny inny obraz dla każdego elementu menu, ale zostawimy to na tym, ponieważ chcemy, aby nasza ikona społecznościowa naprawdę wyróżniała się i była natychmiast rozpoznawalna. Możesz również wybrać inną wersję ikony wyświetlanej po najechaniu kursorem, klikając przycisk Ustaw obraz po najechaniu myszką Ikona. Na koniec, gdy jesteś zadowolony z ustawień, musisz kliknąć Zapisz menu przycisk.
A link do Twojego profilu na Instagramie będzie teraz gwiazdą naszego górnego menu nawigacyjnego!
Na zakończenie
Jak pokazaliśmy, dodawanie ikon do elementów menu jest łatwe i szybkie. Niezależnie od tego, czy używasz wbudowanych opcji motywu, czy wtyczki, możesz ujawnić swoją obecność w mediach społecznościowych odwiedzającym witrynę za pomocą zaledwie kilku kliknięć myszą. Czy w dzisiejszych czasach możesz sobie na to pozwolić?
Wesprzyj naszą pracę ❤️
Jeśli spodobał Ci się ten artykuł, rozważ pozostawienie napiwku, aby pomóc nam dalej publikować wartościowe treści.
