Jak używać kodów shortcode w widgetach WordPress
Krótkie kody, tagi, albo jeszcze inaczej shortcodes to znaczniki, których często używamy we wtyczkach dla Wordpressa. Dzisiaj pokażemy Wam, jak te krótkie kody umieszczać wewnątrz widgetów, z których korzystacie na swoich witrynach czy blogach internetowych. Zapraszamy do zapoznania się z naszym poradnikiem.
Czym są shortcodes? To krótki kody ujęte w nawiasy kwadratowe [ ]. Zwykle pozwalają w ten sposób na umieszczanie na podstronie czy we wpisie funkcji jakiejś wtyczki. Np. galerii, dodatkowego kalendarza, mapy czy skrótu do Facebooka. Załóżmy, że stworzyłem z poziomu wtyczki Gmedia Gallery nową galerię ze zdjęciami. Chcę wrzucić je do wpisu. Wystarczy że w treści wpisu wkleję kod z numerem galerii - np. [fonogallery id="123"].
Na tej zasadzie działają setki jeśli nie tysiące wtyczek dla Wordpressa. Dzięki shortcodes można spersonalizować ogromną liczbę elementów na naszej witrynie internetowej czy blogu. Niestety, problem pojawia się w momencie, gdy chcielibyśmy umieścić kody shortcode w ramach widgetów na stronie. W stopce, pasku bocznym czy dodatkowym menu. Niemożliwe? Otóż, istnieje dość prosty trick, który pozwala na wprowadzenie takiej funkcji.
Dodawanie kodu do widgetu Wordpress
Na początek oczywiście musimy mieć widget, który pozwala na wprowadzenie krótkich kodów do wybranego przez nas miejsca. Na potrzeby tego poradnika będziemy posługiwać się wspomnianą już galerią Gmedia Gallery. Kiedy mamy już przygotowany shortcode, możemy przejść do interesującego nas widgetu, który umieścimy na stronie.
W tym celu po otwarciu panelu zarządzania Wordpressem, przechodzimy do zakładki Wygląd > Widgety, która dostępna jest w lewym pasku menu Kokpitu. Po otwarciu wzmiankowanej zakładki, odnajdujemy w sekcji "Dostępne widgety" pozycję, która nazywa się "Tekst" i przenosimy ją do wybranej sekcji widgetów, którą oferuje motyw, z którego korzystamy. Może to być boczny pasek menu, stopka itp. Wszystko zależy od tego, jakie funkcje dostępne są w ramach motywu Wordpress, z jakiego korzystamy.
Widget "Tekst" pozwala na dodanie zwykłego pola tekstowego i wyświetlenie go na naszej stronie. Jeżeli jednak wkleimy do niego shortcode galerii (czy dowolnej innej wtyczki), efekt końcowy nie będzie zadowalający. Widget "Tekst" wyświetli po prostu tekst, a nie galerię ze zdjęciami. Wobec tego musimy włączyć funkcję, która pozwala na osadzanie shortcode'ów w widżetach.
Osadzanie shortoces w widgetach
Aby włączyć obsługę widgetów dla skrótów z kodamy z wtyczek będziemy musieli skorzystać z nieco bardziej zaawansowanych ustawień odpowiedzialnych za działanie naszej strony Wordpress i motywu, z którego akurat korzystamy. W tym celu otwieramy w lewym pasku menu zakładkę Wygląd > Edytor.
Następnie w prawej części okna, gdzie znajduje się lista dostępnych elementów do edycji, odnajdujemy ten, który nazywa się functions.php. Tutaj w dowolnym miejscu, najlepiej na samym dole dokumentu, wklejamy następujący kod:
Następnie klikamy przycisk "Zaktualizuj plik" i odświeżamy stronę. To wszystko, zmiany zostały wprowadzone i powinny zacząć natychmiast działać. Teraz będziemy mogli bez żadnych większych problemów dodawać shortcodes do widgetu "Tekst". Efekt będzie tak, że w miejscu wklejonego kodu na stronie pojawi się widget - galeria ze zdjęciami, mapka z dojazdem, przycisk "Like" Facebooka itp.
Trzeba tutaj zaznaczyć jednak, że wprowadzona przez nas zmiana będzie dostępna tylko i wyłącznie dla aktualnego motywu i tylko i wyłącznie dla widgetu "Tekst". Jeżeli zmienimy motyw, cały proces trzeba będzie powtórzyć. Podobnie, osadzanie shortcodes w widgetach nie będzie działało, jeżeli będziemy chcieli skorzystać z innego rozwiązania, aniżeli "Tekst".
Gdybyście jednak mieli jakiekolwiek problemy z wprowadzeniem powyższego poradnika w życie, prosimy o komentarze. Postaramy się pomóc i podsunąć najciekawsze rozwiązania. Warto też zwrócić uwagę, że wiele wtyczek do Wordpressa posiada własne widgety - np. widget z kalendarzem, galerią zdjęć itp. Dlatego szukając odpowiedniej dla nas wtyczki warto sprawdzić, czy oferuje ona również własne widgety. Wówczasnie będziemy musieli bawić się we wklejanie shortcode'ów, tylkopo prostu skorzystamy z dostępnego już rozwiązania.