Wsparcie » Motywy » 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.