Jak używać skrótów w widżetach paska bocznego WordPress
![Jak używać skrótów w widżetach paska bocznego WordPress](https://oen.pl/wp-content/uploads/2023/05/Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Czy chcesz dowiedzieć się, jak używać skrótów w widżetach paska bocznego WordPress?
Możesz dodawać krótkie kody do dowolnej strony lub postu za pomocą bloku Shortcode. Jeśli jednak chcesz używać tego samego kodu w całej witrynie, łatwiej będzie zamiast tego dodać go do widżetu paska bocznego.
W tym artykule pokażemy, jak używać skrótów na pasku bocznym WordPress.
![Jak używać skrótów w widżetach paska bocznego WordPress](https://oen.pl/wp-content/uploads/2023/05/Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Dlaczego warto używać skrótów w widżetach paska bocznego WordPress?
Skróty umożliwiają dodawanie zaawansowanych treści i funkcji do witryny, w tym formularzy kontaktowych, tabel, losowych ofert i wielu innych. WordPress ma kilka wbudowanych skrótów, ale niektóre wtyczki dodają również własne skróty.
Możesz dodawać krótkie kody do dowolnej strony lub postu za pomocą edytora WordPress i wbudowanego bloku krótkich kodów. Jeśli jednak chcesz używać krótkiego kodu w całej witrynie, często warto dodać go do paska bocznego.
Na przykład możesz wyświetlać zdjęcia z Instagrama na pasku bocznym WordPress, używając krótkiego kodu dostarczonego przez Smash Balloon Instagram Feed.
![Przykład widżetu paska bocznego mediów społecznościowych](https://oen.pl/wp-content/uploads/2023/05/1684888810_274_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Ta treść pojawi się następnie w całej Twojej witrynie WordPress, więc nie musisz dodawać jej na każdej stronie i publikować ręcznie. Może to zaoszczędzić mnóstwo czasu i wysiłku oraz pomóc zachować spójność projektu witryny.
Mając to na uwadze, przyjrzyjmy się kilku różnym sposobom dodawania i używania skrótów w widżetach paska bocznego WordPress. Po prostu skorzystaj z poniższych szybkich łączy, aby przejść bezpośrednio do metody, której chcesz użyć.
- Metoda 1: Korzystanie z widżetu WordPress Shortcode (łatwe)
- Metoda 2. Korzystanie z pełnego edytora witryny (działa z motywami WordPress z obsługą bloków)
- Metoda 3: Korzystanie z niestandardowego widżetu HTML (więcej możliwości dostosowania)
- Często zadawane pytania: Używanie skrótów w widżetach paska bocznego WordPress
Metoda 1: Korzystanie z widżetu WordPress Shortcode (łatwe)
Większość darmowych i płatnych motywów WordPress ma paski boczne gotowe do widżetów. Mając to na uwadze, często możesz po prostu dodać widżet Shortcode do paska bocznego swojej witryny.
Najpierw idź do Wygląd » Widżety w Twoim pulpicie nawigacyjnym. Tutaj zobaczysz wszystkie różne obszary, w których możesz dodawać widżety w WordPress, w tym pasek boczny.
![Dodanie widżetu shortcode do paska bocznego WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888810_353_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Po prostu kliknij przycisk „+” i zacznij wpisywać „Shortcode”.
Kiedy pojawi się prawy blok, przeciągnij go na pasek boczny WordPress.
![Jak dodać krótki kod do paska bocznego WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888810_627_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Możesz teraz dodać swój krótki kod do bloku.
Kiedy skończysz, nie zapomnij kliknąć „Aktualizuj”, aby wprowadzić zmiany.
![Publikowanie bloku shortcode w WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888810_106_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Możesz teraz odwiedzić swój blog lub witrynę WordPress, aby zobaczyć krótki kod w akcji.
Metoda 2. Korzystanie z pełnego edytora witryny (działa z motywami WordPress z obsługą bloków)
Jeśli używasz motywu blokowego, możesz dodać krótki kod do paska bocznego za pomocą edytora pełnej witryny. Na pulpicie nawigacyjnym WordPress przejdź do Motywy» Redaktor.
![Otwieranie edytora całej witryny WordPress (FSE)](https://oen.pl/wp-content/uploads/2023/05/1684888810_539_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Spowoduje to otwarcie pełnego edytora witryny z jednym z wybranych szablonów motywu.
Jeśli chcesz dodać krótki kod do innego szablonu, kliknij strzałkę na pasku narzędzi i wybierz „Przeglądaj wszystkie szablony”.
![Wybór szablonu FSE opartego na blokach](https://oen.pl/wp-content/uploads/2023/05/1684888811_61_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Zobaczysz teraz wszystkie różne szablony, które składają się na Twój motyw.
Po prostu znajdź szablon, w którym chcesz dodać krótki kod, i kliknij go.
![Blokowy motyw WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888811_286_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Następnie kliknij przycisk „+” i zacznij wpisywać „Shortcode”.
Gdy pojawi się odpowiedni widżet, po prostu przeciągnij go na pasek boczny motywu.
![Dodanie bloku WordPress do paska bocznego](https://oen.pl/wp-content/uploads/2023/05/1684888811_835_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Możesz teraz dodać swój krótki kod do widżetu. Gdy będziesz zadowolony ze swoich zmian, kliknij „Zapisz”, aby aktywować krótki kod.
Metoda 3: Korzystanie z niestandardowego widżetu HTML (więcej możliwości dostosowania)
Czasami możesz chcieć pokazać inne treści wraz z krótkim kodem. Na przykład RafflePress może dodać konkurs lub rozdanie do paska bocznego za pomocą krótkiego kodu. Aby jeszcze bardziej zwrócić uwagę na konkurs, możesz umieścić nagłówek nad konkurencją.
![Przykład rozdania utworzonego za pomocą RafflePress](https://oen.pl/wp-content/uploads/2023/05/1684888811_995_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Zamiast tworzyć osobne bloki Shortcode i Heading, możesz po prostu dodać krótki kod i tekst do niestandardowego bloku HTML. Pomaga to uporządkować różne treści w ładnym układzie. Możesz także stylizować blok za pomocą HTML, dzięki czemu możesz dokładnie kontrolować jego wygląd na pasku bocznym.
Niestandardowy blok HTML domyślnie nie obsługuje skrótów, ale możesz to łatwo zmienić, dodając niestandardowy kod do WordPress. Po dodaniu tego kodu możesz używać skrótów w dowolnym niestandardowym bloku HTML w całej witrynie WordPress.
Często znajdziesz przewodniki z instrukcjami dodawania niestandardowego kodu do pliku functions.php witryny. Nie jest to jednak zalecane, ponieważ wszelkie błędy w kodzie mogą powodować typowe błędy WordPress, a nawet całkowicie zepsuć witrynę.
I tu pojawia się WPCode.
Ta bezpłatna wtyczka ułatwia dodawanie niestandardowego CSS, PHP, HTML i innych elementów do WordPressa bez narażania witryny na ryzyko. Co więcej, zawiera bibliotekę gotowych fragmentów, w tym kod, który pozwala używać skrótów w widżetach tekstowych.
Aby rozpocząć, musisz zainstalować i aktywować WPCode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.
Następnie przejdź do Fragmenty kodu » Dodaj fragment kodu w panelu WordPressa. Możesz teraz zacząć wpisywać „krótki kod”.
![Dodanie fragmentu kodu do witryny WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888811_533_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Gdy się pojawi, umieść kursor myszy nad następującym fragmentem kodu: „Włącz wykonywanie krótkiego kodu w widżetach tekstowych”.
Następnie możesz kliknąć „Użyj fragmentu”.
![Dodawanie krótkiego kodu do niestandardowego bloku HTML za pomocą kodu](https://oen.pl/wp-content/uploads/2023/05/1684888812_977_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Spowoduje to otwarcie fragmentu kodu w edytorze WPCode. WPCode konfiguruje ustawienia snippetów, więc możesz po prostu kliknąć przełącznik „Nieaktywny”, aby zmienił kolor na niebieski.
Po wykonaniu tej czynności kliknij „Aktualizuj”, aby opublikować fragment.
![Dodawanie krótkiego kodu do widżetu paska bocznego za pomocą kodu](https://oen.pl/wp-content/uploads/2023/05/1684888812_455_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Teraz możesz dodać krótki kod do dowolnego widżetu tekstowego.
Wystarczy przejść do Wygląd » Widżety i wpisz „Custom HTML” w pasku wyszukiwania.
![Dodanie niestandardowego widżetu HTML do paska bocznego WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888812_689_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Kiedy pojawi się prawy blok, przeciągnij go na pasek boczny swojej witryny.
Po wykonaniu tej czynności możesz dodać kod HTML i krótki kod do bloku.
![Dodanie niestandardowego widżetu HTML do witryny WordPress](https://oen.pl/wp-content/uploads/2023/05/1684888812_851_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Gdy jesteś zadowolony ze sposobu skonfigurowania widżetu, kliknij „Aktualizuj”.
Teraz, jeśli odwiedzisz swoją witrynę, zobaczysz na żywo krótki kod i niestandardowy kod HTML.
Często zadawane pytania: Używanie skrótów w widżetach paska bocznego WordPress
Bez względu na to, jakiego motywu używasz, powinieneś mieć możliwość dodawania skrótów do paska bocznego za pomocą jednej z powyższych metod. Jeśli jednak potrzebujesz dodatkowej pomocy, oto niektóre z najczęściej zadawanych pytań dotyczących dodawania skrótów do paska bocznego.
Jak zmienić miejsce wyświetlania widżetu paska bocznego?
Lokalizacja paska bocznego jest kontrolowana przez Twój motyw WordPress. Jeśli nie jesteś zadowolony z pozycji paska bocznego, możesz go zmienić za pomocą ustawień motywu.
Wiele najlepszych motywów WordPress pozwala wybierać spośród różnych układów. Często obejmuje to wyświetlanie paska bocznego po różnych stronach ekranu.
Aby sprawdzić, czy Twój motyw ma różne układy paska bocznego, przejdź do Wygląd » Dostosuj w panelu WordPressa. Tutaj poszukaj ustawień oznaczonych Pasek boczny lub podobnych.
![Zmiana ustawień paska bocznego motywu](https://oen.pl/wp-content/uploads/2023/05/1684888812_337_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Po prostu kliknij tę opcję i poszukaj ustawień, które pozwolą Ci zmienić miejsce wyświetlania paska bocznego w Twojej witrynie.
Na przykład poniższy obraz pokazuje ustawienia paska bocznego w motywie Astra WordPress.
![Ustawienia paska bocznego Astry](https://oen.pl/wp-content/uploads/2023/05/1684888813_458_Jak-uzywac-skrotow-w-widzetach-paska-bocznego-WordPress.png)
Po wprowadzeniu zmian kliknij przycisk „Opublikuj”, aby opublikować nowy układ paska bocznego.
Jeśli nie możesz zmienić lokalizacji paska bocznego za pomocą wbudowanych ustawień, inną opcją jest utworzenie motywu potomnego WordPress.
Jak dodać pasek boczny do mojego motywu WordPress?
Jeśli Twój motyw nie ma paska bocznego, możesz utworzyć motyw potomny, a następnie dodać pasek boczny za pomocą kodu.
Jeśli nie czujesz się komfortowo w pisaniu kodu, możesz również utworzyć niestandardowy motyw WordPress za pomocą wtyczki, takiej jak SeedProd. Możesz użyć tej popularnej wtyczki do tworzenia stron, aby zaprojektować własny motyw i pasek boczny za pomocą prostego edytora typu „przeciągnij i upuść”.
Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat tworzenia niestandardowego motywu WordPress bez żadnego kodu.
Jak używać innego krótkiego kodu na każdym poście lub stronie?
Czasami możesz chcieć użyć różnych skrótów na niektórych swoich postach i stronach. Na przykład możesz chcieć wyświetlać najpopularniejsze posty na swojej stronie archiwum i wyświetlać reklamy na swojej stronie głównej.
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat wyświetlania różnych pasków bocznych dla każdego posta i strony w WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodawać skróty do widżetów paska bocznego WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia strony docelowej za pomocą WordPress lub naszym ekspertem w zakresie najlepszych wtyczek mediów społecznościowych.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Świergot i Facebooka.
Post Jak używać skrótów w widżetach paska bocznego WordPress pojawił się po raz pierwszy na WPBeginner.