Widżety WordPress pozwalają użytkownikom dodawać różne funkcje do swoich wpisów i stron bez pisania ani jednej linijki kodu. Niezależnie od tego, czy chodzi o wyświetlanie najnowszych wpisów, kanałów mediów społecznościowych, czy niestandardowego kodu HTML, dodawanie widżetów do treści pozwala na bardziej dynamiczną i interaktywną witrynę.
W WPBeginner używamy różnych widżetów w naszym pasku bocznym i stopce, aby udostępniać ważne informacje, wyróżniać popularne przewodniki i dostarczać dodatkowe zasoby. Wykorzystując w pełni te obszary, jesteśmy w stanie zaoferować dodatkową treść, która poprawia doświadczenie użytkownika, jednocześnie utrzymując stronę atrakcyjną wizualnie i funkcjonalną.
W tym artykule pokażemy Ci, jak łatwo dodawać widżety WordPress do treści postów i stron.
Dlaczego dodawać widżety WordPress do wpisów i stron?
Widżety WordPress to bloki treści, które zazwyczaj dodajesz do swoich pasków bocznych, nagłówków, stopek i innych obszarów. Oferują one elastyczność dodawania wielu różnych funkcjonalności i funkcji do układu Twojej witryny WordPress.
Na przykład możesz wyświetlić swoje najnowsze wpisy, dodać formularz kontaktowy za pomocą bloku widżetu i nie tylko. Najlepsze jest to, że nie musisz edytować kodu, aby je dodać.
Wcześniej widżety WordPress można było dodawać tylko do obszarów widżetów, takich jak pasek boczny, nagłówek lub stopka. Jednak dzięki edytorowi bloków WordPress możesz teraz łatwo dodawać widżety do swoich postów i stron blogowych.
Domyślnie WordPress oferuje różne typy widżetów dla archiwów, kalendarzy, kategorii, niestandardowego HTML, krótkich kodów, najnowszych komentarzy, ostatnich postów, RSS, funkcji wyszukiwania, ikon społecznościowych i innych. Wiele wtyczek i motywów WordPress oferuje również własne widżety WordPress.
Mając to na uwadze, zobaczmy, jak możesz dodawać widżety WordPress do postów i stron.
Dodawanie widżetów WordPress do treści postów i stron
Najpierw musisz edytować istniejący post/stronę WordPress lub dodać nowy.
Gdy znajdziesz się w edytorze treści WordPress, kliknij przycisk „Dodaj blok” (+) , aby dodać nowy widżet.
Następnie przewiń w dół do sekcji Widżety i przeciągnij i upuść blok widżetu, który chcesz dodać do treści.
Załóżmy, że chcesz wyświetlić swoje najnowsze posty na blogu WordPress w swojej treści i zwiększyć zaangażowanie.
Aby to zrobić, po prostu kliknij widżet Najnowsze posty, a Twoje najnowsze artykuły pojawią się w treści.
Zobaczysz więcej ustawień w panelu bloków po prawej stronie, aby edytować i dostosowywać opcje widżetów.
Używając bloków widżetów, możesz również dodać krótkie kody i niestandardowy HTML do swojej treści bez pisania kodu. Ułatwia to dodawanie zaawansowanych opcji dostosowywania i większą kontrolę nad wyglądem Twojej witryny.
Jeśli chcesz również dodać niestandardowy widżet do swojej strony/posta, zapoznaj się z naszym samouczkiem na temat tworzenia niestandardowych widżetów w WordPressie.
Podobnie, możesz również użyć bloku widżetu dla dowolnej wtyczki WordPress, której używasz na swojej stronie internetowej.
Na przykład, jeśli używasz WPForms, możesz dodać swój formularz do treści za pomocą bloku WPForms.
Kiedy dodasz blok WPForms do treści swojego posta i strony, po prostu wybierz swoją formę z menu rozwijanego w samym bloku.
Po zakończeniu przejdź dalej i opublikuj swój post na blogu lub stronę na swojej witrynie WordPress.
Bonus: Przydatne widżety dla Twojej witryny
Teraz, gdy wiesz, jak dodawać widżety do swoich stron i wpisów, powinieneś również pamiętać, aby dodawać tylko wybrane widżety. Jeśli dodasz niepotrzebne widżety, Twoje strony mogą wyglądać na zagracone, co skutkuje złym doświadczeniem użytkownika.
Na przykład możesz zainstalować i aktywować WP Call Button. Następnie możesz skonfigurować ustawienia wtyczki, a następnie dodać jej widżet do strony kontaktowej, aby dodać przycisk „Zadzwoń teraz”.
Szczegółowe informacje znajdziesz w naszym samouczku na temat jak dodać przycisk kliknij i zadzwoń w WordPress.
Podobnie, możesz dodać widżet RafflePress, aby dodać konkurs, widżet Compact Archive, aby wyświetlić swoje archiwa, widżet WP Simple Pay, aby dodać formularz płatności, lub widżet Social Count, aby wyświetlić liczbę obserwujących w mediach społecznościowych.
Wszystkie te opcje mogą pomóc zwiększyć zaangażowanie, generować leady i zwiększyć konwersje na Twojej stronie. Więcej informacji znajdziesz w naszych ekspertyzach dotyczących najbardziej użytecznych widżetów WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać widżety WordPress do treści postów i stron. Możesz również zapoznać się z naszym poradnikiem jak dodawać niestandardowe widżety pulpitu w WordPress lub naszym przewodnikiem dla początkujących uproszczone poprawki postów WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Hove
U mnie nie działa: „Widżet nie znajduje się w żadnym pasku bocznym”.
Wsparcie WPBeginner
Najpierw upewnij się, że widżet, który chcesz dodać, działa w zwykłym obszarze widżetów.
Admin
Mick Holmes
Fantastycznie! Dziękuję!
Wsparcie WPBeginner
You’re welcome
Admin
Pat Walter
BARDZO DZIĘKUJĘ ZA krótki kod amr i widżet. Próbowałem i próbowałem uruchomić inne krótkie kody, ale nie mogłem. Ale twoja wtyczka naprawdę mi pomogła. Jeszcze raz dziękuję.
Wsparcie WPBeginner
Not our plugin but glad our recommendation could help you
Admin
Hannah
Witam,
Czy jest jakiś sposób, aby pokazać nam, jak to zrobić BEZ używania wtyczki? Proszę daj mi znać, dziękuję.
Z poważaniem,
Hannah
Wsparcie WPBeginner
We will be sure to add that to our tutorials where it would make sense but writing out the code for a custom plugin would act the same as if you were installing a plugin to handle this.
Admin
Edu Hoffmann
Dzięki za udostępnienie!
Ta wskazówka była bardzo pomocna i zaoszczędziła mi dużo czasu
Wsparcie WPBeginner
Glad our guide could be helpful
Admin
Chris Beller
Cześć, właśnie próbowałem zrobić to w edytorze bloków i nie mogę znaleźć sposobu, aby umieścić blok widżetu po prawej stronie moich postów… Tak jak wygląda pasek boczny na mojej stronie bloga. Jak mogę to zrobić?
Wsparcie WPBeginner
Jeśli masz na myśli, że chcesz swoje widżety w obszarze widżetów bocznych, powinieneś skontaktować się z pomocą techniczną swojego motywu, aby dowiedzieć się, czy istnieje tam obszar widżetów dla postów i stron.
Admin
Danny
Dzięki za to.
Jak będzie się nazywał „Widget Najpopularniejsze Posty i Strony” z Jetpacka?
Wsparcie WPBeginner
Powinien używać tej nazwy, jeśli nie, warto skontaktować się ze wsparciem wtyczki, a oni powinni być w stanie pomóc.
Admin
Danny
Ok,
Jeszcze jedno:
Próbowałem przetestować to na pasku bocznym i otrzymałem coś w stylu: Nie ma tu nic do zobaczenia (co oznacza, że nie ma nowych postów, przynajmniej tak myślałem)
Czy jest sposób, aby wyświetlać moje najpopularniejsze posty, niezależnie od daty ich publikacji?
Wsparcie WPBeginner
Powinieneś skontaktować się z pomocą techniczną popularnego widżetu postów, którego używasz, aby dowiedzieć się, czego używają do wyświetlania postów.
Erik
Świetne narzędzie, działa dobrze. Bezproblemowa instalacja i konfiguracja. Dzięki
Tivon
Cześć,
Nie mogę dodać kolejnej ikony. Kiedy klikam przycisk, nic się nie dzieje.
Karan
Nie działa na przycinarce
Andres
Jak mogę dodać widżet do strony z postami (tj. bloga)?
Yo
Aby to zrobić, musisz dodać wtyczkę widżetów amr. Jest to jednak łatwe.
Siddiqa Pathan
Doskonale! Dziękuję bardzo za poradnik!
Pete
NIESAMOWITE! – dziękuję bardzo. Uratowaliście mnie przed dalszym wyrywaniem włosów..
marsha
Chłopaki….proszę pomóżcie mi….
Co mam zrobić, aby WordPress Download Manager i Easy Digital Download działały w natywnych postach WordPressa… Nie chcę tworzyć posta w ich wtyczce, ale chciałem opublikować coś w moim natywnym poście WordPressa… Co mam wtedy zrobić???
Jak mogę uzyskać cenne rzeczy z obu tych wtyczek, tylko w moim natywnym WordPressie
pomóż mi proszę
Karyn
Cześć, naprawdę nie rozumiem tych kodów i rzeczy związanych z HTML. Chcę dodać widżet kategorii na mojej stronie z archiwami kategorii. Chcę również dodać widżet archiwów miesięcznych na tej samej stronie Archiwów. Co mam zrobić? Jestem naprawdę zagubiony.
Shona
Niesamowite – zadziałało idealnie. Dziękuję za ten przydatny tutorial!
Wsparcie WPBeginner
Cieszę się, że uznałeś to za pomocne. Upewnij się, że nas obserwujesz na Facebooku.
Admin
Carol
działa jak marzenie, wielkie dzięki!!!
Wsparcie WPBeginner
Witaj Carol, cieszę się, że uznałaś to za pomocne. Upewnij się, że śledzisz nas na Twitterze, aby otrzymywać więcej wskazówek i sztuczek dotyczących WordPressa.
Admin
Palla Sridhar
Cześć.
Właściwie mam inne wymaganie.
Chcę dodać tekst i link HTML do treści postów dla wszystkich postów z tej samej kategorii. Dla innej kategorii chcę dodać inny tekst i link HTML. Mam nadzieję, że rozumiesz. Proszę o pomoc.
Inam U Khan
To pomocny post, jeśli ktoś chce użyć jakiegokolwiek widżetu w poście lub stronie.
Rahul
cześć, jak mogę użyć widżetu tekstowego w poście. Użyłem kodu [do_widget text], ale to nie działa. Chcę wstawić slider obrazów do widżetu tekstowego, proszę o pomoc w ten sposób lub w jakikolwiek inny sposób. dzięki
Channing
to nie działa poprawnie.
Zainstalowałem wtyczkę i wkleiłem kod na dole strony, a kiedy naciskam podgląd, widżet okazuje się być nagłówkiem, zamiast pojawić się tam, gdzie go umieściłem.
JB
Czy to powinno działać z motywem Customizr? Widżety wydają się działać w lewym i prawym pasku bocznym, ale nie w treści. Zainstalowałem nawet wtyczkę, która zapewnia identyfikatory widżetów, dzięki czemu mogę uwzględnić odpowiedni identyfikator w shortcode [do_widget ].
Jak mogę to naprawić?
Jeffrey Beckers
Cześć,
Używam Twojego wtyczki do wyświetlania widżetu najnowszych tematów. Ale krótki kod nie generuje się w widżecie.
Gopi
To niesamowity plugin. Czy jest jakiś sposób na zmianę jego wyglądu?
Louis
Cześć, to świetny plugin. Dziękuję za niego.
Czy jest sposób na zmianę stylów widżetu w AMR, aby nie wpływało to na widżety w pozostałej części witryny? Głównie martwi mnie dopełnienie o 20%, które niezgrabnie centruje treść na mojej stronie. Jeśli zmienię je na 0% w pliku .widget css, wygląda to świetnie, ale widżety na innych stronach są w rozsypce. Czy jest sposób na zastosowanie osobnego CSS do treści AMR, aby nie wpływało to na inne widżety?
Mackenzie
Dziękuję za to, działa świetnie w treści jednej z moich stron. Jednak nie wydaje się działać na mojej stronie głównej. Obszar edycji strony głównej JEST inny, ponieważ muszę przejść do opcji motywu>wygląd zamiast indywidualnej strony... WordPress po prostu daje mi miejsce do dodawania tekstu, chociaż używam tam HTML do innych rzeczy, które wydają się działać dobrze. Próbowałem dodać skrócony kod do strony edycji „dom” również bez powodzenia.
Inna strona na tej witrynie zaleciła dodanie następującego kodu do pliku functions.php w moim motywie potomnym:
add_filter(‘widget_text’, ‘do_shortcode’);
Ale samo dodanie tego też nie pomaga. Musi być jakieś ustawienie strony głównej, które tego nie pozwala. Masz jakieś pomysły? Dzięki.
Wsparcie WPBeginner
Twój motyw może używać niestandardowego szablonu. Skontaktuj się z pomocą techniczną swojego motywu.
Admin
Coach Maria
Czy to zadziała, aby umieścić treść na dole każdego posta? (Jak formularz subskrypcji?)
Sudhakar Goverdhanam
Działało dobrze, dzięki
Zaheer Abbas
Dziękuję... Wtyczka Newsletter działa teraz na stronach i w postach, tak jak działa tylko w prawym pasku bocznym.
gmanob
Pobrałem i aktywowałem ten wtyczkę, a następnie przechodzę do Wygląd – Widżety, ale nie mogę znaleźć Shortcode. Jakieś pomysły? Dzięki!
Andrea Valgoi
Witam, mam taki problem. Widżet na konkretnej stronie (który działa idealnie) nakłada się na menu, gdy przewijam w dół.
Masz jakieś pomysły, jak to rozwiązać?
Yuriy
Niesamowite! Dziękuję! Świetny plugin! Całkowicie spełnił moje oczekiwania!
Asad Iqbal
Z przyjemnością korzystam z tego wtyczki. Bardzo fajne podejście.
Dzięki.
Tom
Dzięki! To zadziałało.
Nicole @ The Pixel Boutique
Thank you! Just what I needed to make a separate page for Jetpack subscription signup. Great plugin I’ll use often.
anand kumar
jak uzyskać krótkie kody dla widżetów php/tekstowych.
ten wtyczka niczego nie wyświetla dla tych
Jessi
Ten plugin jest idealny! Mam jednak pytanie: Jak wyrównać widżet po lewej stronie posta, aby tekst go otaczał? Jaki jest dokładny kod CSS, który należy użyć?
Shonda
Uwielbiam Twój widżet. Jednak jak edytować widżet, aby móc go używać na więcej niż jednym poście z różnymi danymi? Na przykład, widżet, którego używam, pyta, jaką kategorię i ile postów w tej kategorii chcę wyświetlić.
Obecnie muszę edytować widżet w obszarze krótkiego kodu, a następnie mogę umieścić go na jednej stronie. Teraz chcę dodać widżet do dwóch innych stron z inną kategorią i liczbą postów. Z góry dziękuję.
Wsparcie WPBeginner
możesz dodać wiele widżetów, przeciągając je do paska bocznego shortcode na ekranie widżetów i używając identyfikatora widżetu do wyświetlenia go w poście.
Admin
Paul
Wielkie dzięki za tę wtyczkę!! Ja też chciałbym umieścić ten sam widżet na różnych stronach, ale gdzie znaleźć identyfikator widżetu?
Sameer Verma
Cześć,
Czy jest jakiś sposób, aby wyświetlić identyfikator widżetu we wszystkich postach. Chcę wyświetlić widżet poniżej posta we wszystkich typach postów.
Właściwie potrzebuję udostępnić tę witrynę poniżej we wszystkich postach i stronach.
Jak mogę to zrobić??
rianne
Hej! Dodałem widżet do głównego paska bocznego na stronie widżetów i umieściłem kod na stronie. Widzę widżet, co jest naprawdę fajne, ale widzę też ten komunikat:
Krótkie kody paska bocznego z identyfikatorem paska bocznego Krótkie kody są puste lub niezdefiniowane.
Widżet dooodl! nie znajduje się w pasku bocznym o identyfikatorze Krótkie kody i o nazwie Krótkie kody
Jak mogę to usunąć? I dlaczego to tam jest?
dzięki! pozdrawiam
Wsparcie WPBeginner
Widżet, który chcesz wyświetlić na stronie, musisz najpierw przeciągnąć i upuścić do paska bocznego shortcode'ów. Następnie użyj shortcode'u na stronie, aby wyświetlić widżet.
Admin
Krishna veni
Cześć,
Czy jest jakiś sposób, aby wyświetlić identyfikator widżetu we wszystkich postach. Chcę wyświetlić widżet pod tytułem posta we wszystkich postach
Pozdrawiam
Krishna Veni
Cindy Tucker
Pomocy! Chcę umieścić widżet subskrypcji pod każdym postem i nie znam żadnego kodu. Jak mam to zrobić?
kory s
Możesz po prostu dodać widżet do widżetu Skrócony kod, a następnie wywołać Skrócony kod w swoim szablonie tam, gdzie chcesz, aby się pojawił...
Zobacz inny pomocny post wpbeginner pod adresem https://www.wpbeginner.com/wp-themes/how-to-use-shortcodes-in-your-wordpress-themes/
Flame Denise
A co jeśli widżet mw to Tekst z tytułem „Nasze Usługi”?
Wszystkie te krótkie kody nie działają:
[do_widget Text: Nasze Usługi]
[do_widget Text:Nasze Usługi]
[do_widget “Text: Nasze Usługi”]
Alexander Bradley
Nie wiem, dlaczego autor nie odpowiedział. Miałem ten sam problem, ale odkryłem, że tytuł widżetu nazywa się po prostu Tekst. Spróbuj tego i zobacz, czy zadziała. Nie jestem pewien, co się stanie, jeśli masz wiele widżetów o nazwie Tekst, ale myślę, że wkrótce się dowiem.
Daniel Nielsen
Cześć
Jak nazwać coś, jeśli chcesz użyć tego samego widżetu więcej niż raz na jednej stronie:
[do_widget count down]
&
[do_widget count down]
Ashish
na przykład
[do_widget “recent posts”] ten
jak mogę go wyrównać w taki sposób, aby pojawił się o określonej wysokości i szerokości
wyrównany do prawej strony posta lub na środku posta z otaczającym go tekstem?
Czy to możliwe?
Wsparcie WPBeginner
wyrównanie można dostosować za pomocą CSS.
Admin
Sarah
Czy brakuje jakichś kroków? Próbowałem debugować i nadal nie działa. Kiedy debuguję, otrzymuję bardzo ogólną nazwę dla widżetu „text-4”.
Czy jest sposób, aby ręcznie ustawić widżet?
Czy jest problem z wtyczką widżetu krótkiego kodu amr? Czy jest to nadal wtyczka do użycia od sierpnia 2013 r.?
Aistis
Albo wtyczka została zaktualizowana, albo ten samouczek był od początku nieprawidłowy.
Użyj [do_widget id=recent-posts-2] lub [do_widget “Recently in news”]
Wsparcie WPBeginner
Samouczek jest poprawny, dwukrotnie go sprawdziliśmy i robisz dokładnie to, co pokazaliśmy w powyższym samouczku.
Admin
Prashant Ghai
To jest niesamowita wskazówka. Mój blog ma motyw z jedną kolumną i to jest właśnie to, czego potrzebowałem. Dziękuję bardzo.