Twenty Twelve i ikona home w menu
-
Witam, mam następujący problemik.
Używając domyślnego menu wordpressa (czyli tego dostępnego w opcjach Wygląd) próbuję do niego wstawić ikonę home. Rzecz w tym, że chcę wstawić tylko ikonę, czyli nazwa strony nie jest mi potrzebna, ma być [domek-ikona] i tyle. Używam motywu twenty twelve ale podejrzewam, że podobny problem występuje też na innych motywach, które pozwalają na używanie worpressowego menu.
Dorzucam obrazek o co mi kaman gdyby mój literacki język nie był zrozumiały:
http://postimage.org/image/5c1lqfgs7/
Zgodnie z różnymi poradnikami znalezionymi w sieci udało mi się wstawić ikonę obok nazwy strony- dzięki zastosowaniu tej metody:
http://www.wpexplorer.com/adding-images-wordpress-menu
co sprowadza się mniej więcej do zaznaczenia w Opcjach ekranu żeby wyświetlał klasy css, ustawienia nazwy klasy (menu_icon u mnie) w rozwinięciu danej strony w menu i przejściu do style.css i wstawieniu:
.menu_icon { padding-left: 30px !important; background-position: left; background: url('adres/home2.png'); background-repeat: no-repeat; }
Autor zapytany przez jednego z użytkowników w komentarzach o to jak wstawić samą ikonę odpowiada żeby wstawić coś takiego
text-indent: -9999px
ale to powoduje, że moja ikona odpływa razem z tekstem gdzieś daleko. Widziałem jeszcze jakieś inne pomysły ale żaden z nich nie działał (opcja hide po prostu wszystko ukrywa i tyle). Nie wiem, może po prostu coś źle robię. Oczywiście zawsze mogę ustawić kolor czcionki w kolorze tła (bo przeźroczystość też chyba nie działa) i wtedy będzie widać tylko ikonę ale wydaje mi się to niezbyt estetycznym rozwiązaniem…
Ps.1. Usunięcie Etykiety nawigacji (czyli nazwy strony z menu) powoduje, kto by się spodziewał, że strona znika z menu, więc coś tam musi być wpisane a sam atrybut title nie wystarczy…
Ps.2. Dodanie do style.css tego kodu co powyżej tyle, że z atrybutem:
.menu_icon a { }
powoduje to co trzeba- czyli, że ikona też staje się linkiem. Stąd się zastanawiam co w ten sposób mogę wywołać a co by mi pomogło, bo np..menu_icon img { }
nie działa…
- Temat ‘Twenty Twelve i ikona home w menu’ jest zamknięty na nowe odpowiedzi.