Jak wyróżnić wybrane strony w menu

Czasami chcemy wyróżnić poszczególne podstrony w menu np. poprzez pogrubienie lub inny kolor fontu. W opcjach personalizacji naszej strony są z reguły możliwości zmian kolorystycznych całego menu, ale jak zmienić poszczególny element? Potrzebujemy tutaj skorzystać z odrobiny CSS oraz rozszerzonych opcji menu w WordPressie.

Na początku musimy włączyć dodatkowe możliwości, które najczęściej są ukryte. Korzystamy tutaj z instrukcji z naszego artykułu o menu.

Następnie znajdujemy element menu, który chcemy wyróżnić i w opcjach dodatkowych nadajemy mu klasę:

Na potrzeby artykułu będzie to naszaklasa. Zapisujemy zmiany i przechodzimy do opcji Wygląd → Dostosuj → Dodatkowy CSS. Dopisujemy odpowiedni fragment, określając tutaj kolor jako biały:

.naszaklasa  a{color: #fff;}

Efekt na stronie:

Zapisujemy i gotowe! Możemy dodać różne klasy, różnym elementom naszego menu i w ten sposób uzyskać upragniony efekt.