Cmentarzysko zapomnianych książek Dodawanie widgetów w pasku bocznym


WordPress – podstawy tworzenia szablonów cz.3


09 lutego 2013, 13:25 | 14 komentarzy | 11 359

No to ruszamy. Zapoznaliśmy się w poprzedniej części ze strukturą plików na WP. Dziś poznamy sposób na dodanie własnego menu do Wordpressa. Oczywiście takiego menu, które będziemy mogli dowolnie konfigurować.

Jeśli podjęliście się zainstalowania nowego motywu do Wordpressa, to pewnie jesteście zdania, że zepsuliście sobie stronę. Trochę w tym jest racji, bo witryna która dotychczas wyglądała tak (pod warunkiem oczywiście że instalowaliście najnowszego WP w wersji 3.5 z motywem Twenty Twelve):

wygląda po zainstalowaniu motywu Stalkers mniej więcej tak:

Dlaczego zniszczyliśmy ładną stronę i zrobiliśmy z niej maszkarę? Właśnie po to, by nauczyć się umieszczać na swojej witrynie to, co konkretnie chcemy zobaczyć. Dobrą podstawę już mamy. Spróbujmy stworzyć menu, którym będziemy mogli administrować poprzez panel WordPressa.

Pierwszy etap – rejestracja menu

Jeśli znasz angielski, zachęcam Cię do lektury dokumentacji dotyczącej przygotowania nawigacji witryn w WP. Wyczytasz z niej, że pierwszym krokiem do dodania własnego menu jest edycja pliku functions.php. Powinien się tam znaleźć następujący kod:

Zwróć uwagę, gdzie go będziesz umieszczał. Jeśli na początku pliku otwarty jest znacznik <?php i nie widzisz po drodze jego zamknięcia, znaczy to, że nie musisz umieszczać otwierać kolejnego znacznika, aby umieścić ten fragment kodu PHP.

Gdzie najlepiej wkleić ten kod? Warto zapoznać się ze strukturą pliku functions.php. Na początku pliku znajduje się plik zewnętrzny który jest podpinany do strony, a następnie znajdziesz sekcję „Theme specific settings”. Znajdziesz tam zakomentowaną linijkę:

 

Ta linijka podobnie jak nasz fragment kodu odpowiada za wywołanie menu, z tą różnicą że nie jest potraktowana jako funkcja, którą można wywołać. Postanowiłem na mojej stronie wkleić kod i usunąć w całości zakomentowaną linijkę z Primary Navigation.

Co w ten sposób osiągnęliśmy?

Od momentu rejestracji w naszym panelu pojawia się opcja Wygląd -> Menu. Wcześniej jej nie było. Będziemy tam mogli edytować nasze menu, zmieniać kolejność zakładek, tworzyć zakładki główne i podrzędne.

Wywołanie menu

Przygotowanie menu to jedno. Druga, równie ważna sprawa to umieszczenie menu w konkretnym miejscu naszej strony. Ponieważ nawigacja powinna znajdować się w widocznym miejscu, dlatego przed pierwszym wpisem dodaję wywołanie:

Pamiętaj o <?php na początku i ?> na końcu. Zwróć uwagę na nazwę header-menu, która się tu pojawia. Jest to ta sama nazwa, którą wpisywaliśmy w kodzie rejestracyjnym w linii 3. Określiliśmy tam, że array( ‚header-menu’ => __( ‚Header Menu’ ) ). Teraz wystarczy skojarzyć menu (bez problemu poradzicie sobie z tym elementem jak tylko wejdziecie na Wygląd->Menu), które stworzyliśmy z miejscem, które przewidzieliśmy na stronie i możemy cieszyć się dynamicznym menu.

Jak edytować pozycje w menu?

Odpowiedź znajdziesz w tym filmie:

Wiedzą na temat WordPressa aktualnie dzielę się poprzez serwis 500sekund.pl.

500-sekund-fb-logo

Gdzie znaleźć poprzednie części serii o tworzeniu szablonów w Wordpressie?

https://www.lipinski-kamil.pl/wordpress-podstawy-tworzenia-szablonow-cz-1/

https://www.lipinski-kamil.pl/wordpress-podstawy-tworzenia-szablonow-cz-2/

Jeśli znalazłeś jakąś literówkę, daj mi o tym znać poprzez zaznaczenie tekstu i wciśnięcie kombinacji Ctrl+Enter.

Będzie mi niezmiernie miło, jeśli dołączysz do mnie na Facebooku!

Kamil Lipiński – przedsiębiorca, bloger, projektant stron www, założyciel Mocnej Grupy Blogerów oraz człowiek, który ma wielką nadzieję na to, że można się czegoś sensownego o WordPressie dowiedzieć w 500 sekund.
Wierzący (bynajmniej nie w technologię) geek.

Subscribe without commenting




Instagram

Spelling error report

The following text will be sent to our editors: