Najprościej?
W menu > Opcje ekranu włącz „Klasy CSS”, dodaj pustą pozycję menu, dopisz do niej własną klasę, następnie ową klasę dodaj do arkusza i w niej dodaj obrazek(poprzez background/background-image), potem ją ustaw za pomocą pozycji, paddingów i całej reszty(możliwe, że będziesz musiał wykorzystać z-index i position:absolute, żeby element nadrzędny nie zasłonił loga).
Niestety nie działa. Nie można dodac pustej pozycji.
Faktycznie wordpress nie przepuszcza pustych pozycji. W takim razie możesz spróbować z klasą :before przed pierwszą pozycją menu i ją usadowić.
W twoim przypadku byłoby to #menu-item-29:before {} i wtedy go usadowić.
Cóż, nie jest to „zdrowy” sposób kodowania (normalnie powinno przerobić się nagłówek header.php) ale powinien spełnić swoją powinność.
Niestety nic nie działa. Masz jakieś inne pomysły?
Działa:
http://playernotes.pl/koncepty/test/
Wykorzystany kod CSS:
#menu-item-22:before { content: url(http://strona.pl/logo1-1.jpg); position: absolute; z-index:9999; right: 150px; top:-25px;}
– url i numerację dla menu-item zmieniasz oczywiście na swoje.
Hej, dzięki za pomoc, ale mam wciąż problem. W jakim dokładnie miejscu zaimplementować ten kod i jaką wartość nadać menu-item?
—-
Mam też drugie pytanie. Cały szablon ma ustawiony jeden kolor background. Chciałbym wydzielić stopkę i nagłówek na innym tle. Jakiej komendy użyć i gdzie? Przeszukałem kod i o body background jest mowa tylko na początku */Reset – w Header i Footer nie występują takie odnośniki.
W arkuszu CSS, powyżej pisałem, że w Twoim przypadku będzie to numer 29.
Tak, ta skórka ma ogólne tło. Możesz użyć tagów background dla klas .site-footer i .site-header ale tła nie zastosują się na całą szerokość.