Tworzenie sidebara / panelu bocznego
autor: Robert
16 listopada 2014
Kolejny wpis dotyczący technicznego przygotowania naszego motywu do prawidłowego wyświetlania. Tym razem poinformujemy WordPressa, że chcemy mieć panel boczny na stronach i ostylujemy go aby wyświetlał się tak jak tego chcemy.
Kod do rejestrowania panelu w pliku <code>functions.php</code> wygląda następująco:
Zaczynamy od wywołania funkcji register_sidebar ( array( ... ) );
Wewnątrz musimy przekazać kilka parametrów:
nameczyli slug/krótka nazwę paneludescriptionczyli przyjazny dla nas opis panelubefore_widgetkod HTML wyświetlany przed widgetem w paneluafter_widgetkod HTML wyświetlany za widgetembefore_titlekod HTML wyświetlany przez tytułem widgetaafter_titlekod HTML wyświetlany po tytule widgeta
W przykładowym kodzie tworzę panel z nazwą main-sidebar i z przyjazną dla mnie nazwą Panel boczny (wyświetla się ona po wejściu w „Wygląd -> Widgety”). Panel jest otoczony przez diva z klasą col-md-12 oraz znajduje się w Bootstrapowym panelu czyli divie z klasą .panel .panel-default. Z racji tego, że widget będzie umieszczony w owym panelu dodamy mu klasy odpowiadające za jego tytuł oraz zawartość. Każdy widget ma swój tytuł, który w moim przypadku jest otoczony divem z klasą .panel-heading i tekst jest otoczony znacznikiem h3 z klasą panel-title. Za tytułem natomiast otwieramy „ciało” panelu czyli diva z klasą .panel-body.
Wygenerowany na przykładowej stronie przykład posiada następujący kod HTML:
Więc jak widzicie, panel przyjął nazwę, która podałem mu w panelu WordPress oraz wyświetlił wewnątrz oczekiwaną zawartość, w tym przypadku listę wpisów.
Oczywiście panel podobnie jak menu trzeba jeszcze umieścić w odpowiednich plikach templatki.
Instrukcję do umieszczania panelu na stronie znajdziecie TUTAJ
