Zainstaluj widget na WordPress

Ten poradnik posługuje się widgetem JustReview Testimonials jako przykładem. Każdy inny widget instaluje się tak samo.

Dodaj bibliotekę do swojego motywu

1. Zbuduj widget i kliknij “Generate Code for your website”.

   

   

2. Otwórz edytor motywu: Appearance → Theme File Editor.

   

3. Edytuj footer.php i wklej część 1 i część 2 przed zamykającym tagiem </body>.

   Część 1 ładuje bibliotekę i powinna znaleźć się na stronie tylko raz, nawet gdy wyświetlasz kilka widgetów. Część 2 to konfiguracja jednego widgetu, więc dodaj po jednej części 2 na każdy widget.

   

   Zapisz przyciskiem Update File.

Aktualizacje motywu nadpisują ten plik

Edycja footer.php wprost oznacza, że aktualizacja motywu może wyczyścić Twoje zmiany. Bezpieczniejsze opcje: użyj motywu potomnego (child theme), albo wtyczki do fragmentów kodu, takiej jak WPCode, która wstrzykuje kod przed </body>.

Umieść widget na stronie

Część 3 kodu to kontener, który decyduje, gdzie renderuje się widget. Wybierz metodę pasującą do tego, jak budujesz strony.

Szablon motywu

Wklej część 3 do pliku szablonu w miejscu, gdzie ma pojawić się widget.

Wpis lub strona

Dodaj blok Custom HTML (albo przełącz klasyczny edytor na zakładkę Text) i wklej tam część 3.

Elementor

Dodaj widget HTML do swojego układu, a potem wklej w nim część 3.

Divi Builder

Divi wymaga rozdzielenia trzech części na różne miejsca.

1. Dodaj moduł Code wewnątrz nowej sekcji i wklej swój kontener <div>.

   

   

   

2. Dodaj pliki biblioteki (część 1).

   

3. Dodaj skrypt konfiguracyjny JustReview (część 2).

Nie zapomnij zapisać.

Widget nie pojawi się w wp-admin

Widget renderuje się tylko na domenach wpisanych w Twoich Ustawieniach, dlatego podgląd w panelu WordPress zostaje pusty. Zapisz zmiany i sprawdź opublikowaną stronę. Adres Twojej strony musi być zgodny z wpisem na liście dozwolonych domen.

Regeneruj kod po każdej zmianie

Ustawienia widgetu są zapisane w kodzie na Twojej stronie. Po każdej zmianie w panelu wygeneruj kod ponownie i podmień część 2 na swojej stronie.

Widget nadal się nie pokazuje?

Przejdź po kolei przez te punkty, obejmują niemal każdy przypadek:

1. Lista dozwolonych domen w Ustawieniach zawiera Twój adres.
2. Część 3 (kontener <div>) jest obecna na stronie. Bez niej nie ma czego wypełnić.
3. Wtyczka do cache’owania. WP Rocket, LiteSpeed Cache i podobne narzędzia cache’ują stary HTML i mogą opóźniać albo łączyć JavaScript. Wyczyść cache i wyklucz justreview.js z optymalizacji JS.
4. Część 1 pojawia się dokładnie raz. Załadowanie biblioteki dwukrotnie może zepsuć renderowanie.
5. Widget Badge potrzebuje przynajmniej jednej opinii, zanim cokolwiek pokaże.