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 212

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.
  • Dobrze napisany poradnik, z przyjemnością przeczytam kolejne części – przyda się :)

    • Dzięki serdeczne :)

  • Obrazki nie działają. Do kodu przydało by się kolorowanie składni. :)

    Wcięcia w kodzie też by ułatwiły jego czytanie.

    • Już działają. Kolorowanie składni niestety jest nie do przeskoczenia.

  • Pingback: Wordpress – podstawy tworzenia szablonów cz.2 - Kamil Lipiński – Technologia, Nowe Media, Internet -()

  • Co do kolorowania składni polecam ten prosty JSowy skrypt:
    http://codemirror.net/

    W CodeMirror dość łatwo takie rzeczy zrobić.

    Pozdrawiam
    Kamil Gałuszka

  • Kacper

    Trzeba przyznać, naprawdę dobre wprowadzenie. Oby było więcej takich rzeczy w internecie.

  • Sevi

    Hej, kiedy następne poradniki?

    • Dzięki za motywację. Postaram się kolejną część przygotować jeszcze w lipcu.

  • jj

    dziękujemy za ciekawe i dobrze wytłumaczone wpisy i prosimy o więcej

  • Tomasz

    Z niecierpliwością czekam na kolają dawkę wiedzy

    • Ostatnio obiecywałem kolejną część w lipcu, ale skoro obsuwa trwa od pół roku to nie podaję konkretnego terminu. Postaram się jak najszybciej przygotować kolejną część. Dzięki za motywację :)

      • paubie15@wp.pl

        Panie Kamilu i co z kolejnymi czesciami czekam z niecierpliwoscia

      • Obecnie pracuję nad ciekawym projektem znacznie poprawiającym wiedzę na temat WordPressa. Jeśli tylko uda mi się go uruchomić to z pewnością wrócę do serii. Będę wdzięczny za konkretne pytania tak abym wiedział jakie tematy poruszyć przy kolejnych częściach.

Subscribe without commenting




Instagram

Raport o literówce

Następujący tekst zostanie wysłany do naszych redaktorów: