Dodawanie przycisku w menu nawigacji nagłówka

Menu nawigacyjne w nagłówku to WordPress to często niewykorzystany element witryny internetowej. Chociaż większość menedżerów sieci używa go wyłącznie do nawigacji, możesz również dodać pasek wyszukiwania, a nawet treści promocyjne. Aby jednak zrobić to skutecznie, powinieneś rozważyć dodanie przycisku w menu nawigacyjnym nagłówka . W tym artykule omówimy, dlaczego jest to korzystne i jak zrobić to właściwie.

Korzyści z dodania przycisku w menu nawigacji nagłówka

Posiadanie przycisku w menu nawigacji nagłówka może wydawać się banalną rzeczą. W końcu wydaje się, że nie ma dużej różnicy między standardowym hiperłączem a przyciskiem. Cóż, w rzeczywistości posiadanie przycisku zamiast zwykłego tekstu może przynieść zaskakujące rezultaty . Wynika to głównie z tego, jak działa ludzka uwaga i jak godne uwagi są twoje przyciski.

Jak ludzie zwykle doświadczają menu nawigacyjnego w nagłówku

Menu nawigacyjne nagłówka jest zwykle drugą rzeczą, którą ludzie zauważają. Jeśli dobrze zaprojektowałeś swoją witrynę i poprawnie dodałeś menu nawigacyjne, tytuł posta powinien być pierwszą rzeczą, która przyciągnie wzrok widza. Ale potem ich wzrok powinien naturalnie skierować się do menu nawigacyjnego, aby zobaczyć, co jest dostępne. Jeśli zdecydują się pozostać na bieżącej stronie, niech tak będzie. Jeśli jednak w Twojej witrynie znajdują się inne ciekawe miejsca, powinny być one wyraźnie widoczne w menu nawigacyjnym nagłówka.

W końcu Twoim celem powinno być jak najdłuższe utrzymywanie ludzi w Twojej witrynie . A posiadanie łatwego do zrozumienia menu może być bardzo pomocne. Więc skąd w tym wszystkim są przyciski?

Korzyść z dodania przycisku

Główną ideą dodawania przycisku jest podkreślenie czegoś ważnego. Chociaż menu nagłówka zawiera interesujące linki, nie wszystkie z nich mają takie samo znaczenie. Niektóre z nich to proste narzędzia nawigacyjne ułatwiające czytanie. A inne to bardziej bezpośrednie treści promocyjne, które służą do naprowadzania czytelników na konwersję. Cóż, jeśli chodzi o tę drugą zawartość, przyciski powinny być Twoim wyborem . Ponieważ możesz je zmieniać w dowolny sposób, naturalnie będą się wyróżniać i przyciągać uwagę. Tak więc, jeśli rozumiesz podróż klienta po Twojej witrynie, możesz łatwo użyć przycisków, aby przyciągnąć go do mediów społecznościowych lub do udanej konwersji.

Wskazówki dotyczące dostosowywania

Dostosowanie przycisków do odpowiedniego efektu może być nieco trudne. Z jednej strony nie chcesz, aby wystawały zbyt mocno, ponieważ zrujnują wygląd strony. Ale nie chcesz też, aby zbytnio się wtopiły, ponieważ nie będą przyciągać uwagi. Musisz więc znaleźć środek, który łatwiej powiedzieć niż zrobić. Naszą radą jest szukanie witryn, które z powodzeniem używają przycisków w menu nawigacyjnym nagłówka i sprawdzanie, w jaki sposób wykorzystują kolory. Pamiętaj, że możesz zmienić kształt, kontur, czcionkę i kolor przycisku. Wykorzystaj tę różnorodność w dostosowywaniu na swoją korzyść. Najlepiej, jeśli znajdziesz styl, który będzie pasował do ogólnej estetyki Twojej witryny . Jednocześnie przykuwając uwagę.

Jak dodać przycisk w menu nawigacji nagłówka

Na szczęście dodanie przycisku w menu nawigacyjnym nagłówka WordPressa jest zaskakująco proste. Najpierw musisz przejść do menu nawigacyjnego i dodać link, który chcesz przekonwertować na przycisk. Możesz to zrobić na stronie Wygląd -> Menu . Gdy to zrobisz, kliknij przycisk Opcje ekranu u góry. W ten sposób otrzymasz rozwijane menu z kilkoma opcjami. W takim przypadku wystarczy zaznaczyć opcję „Klasy CSS” .

Po przejściu przewiń w dół i kliknij rozwinięcie elementu menu, który chcesz przekonwertować na przycisk. Tam dostaniesz nową opcję klasy CSS w ustawieniach elementu. W nim możesz wpisać nazwę klasy. Teoretycznie możesz nazwać swoją klasę w dowolny sposób. Ale w tym artykule podamy nazwę klasy „przycisk menu”, aby ułatwić zrozumienie. Po wpisaniu imienia i nazwiska pamiętaj, aby kliknąć przycisk „Zapisz menu” .

Dodawanie kodu CSS

Po dodaniu naszej niestandardowej klasy CSS możemy przystąpić do dodawania kodu CSS. Tutaj musisz przejść do Wygląd -> Dostosuj i uruchom dostosowywanie motywów WordPress. W ten sposób otrzymasz podgląd swojej witryny i listę ustawień motywu. Musisz tylko kliknąć zakładkę Dodatkowy CSS i ją rozwinąć. Tutaj otrzymasz pole, w którym możesz dodać swój niestandardowy kod CSS. Na początek sugerujemy po prostu wkleić następujący kod:

.przycisk MENU {
kolor tła:#eb5e28;
obramowanie: 1px;
promień obramowania:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
box-shadow:1px 1px 0px 0px #2f2f2f;
}
.przycisk-menu a, .przycisk-menu a:najedź, .przycisk-menu a:aktywny {
kolor:#fff !ważne;
}

Po dodaniu kodu CSS moduł dostosowania motywu zastosuje go do podglądu Twojej witryny. Dzięki temu zobaczysz wprowadzone zmiany. I nie martw się, zmiany nie są trwałe. Jeśli czujesz taką potrzebę, poeksperymentuj z CSS i zobacz, co możesz zrobić. Aby zapisać zmiany, kliknij przycisk Opublikuj.

Na tym kończysz dodawanie przycisku w menu nawigacji nagłówka.

Końcowe przemyślenia

Biorąc wszystko pod uwagę, przyciski mogą być świetnym dodatkiem do menu nagłówka. Ale najważniejsze jest, aby znaleźć odpowiedni projekt . W rzeczywistości jednym z głównych powodów, dla których ludzie unikają dodawania przycisku, jest to, że po prostu nie mogą dopasować przycisku do projektu witryny. Jeśli utkniesz, zdecydowanie zalecamy skonsultowanie się z profesjonalnym grafikiem i docenienie jego wkładu. Jak widać, dodanie przycisku po ustaleniu projektu nie zajmuje wiele.