Widżety są tak integralną częścią motywów WordPress, że trudno sobie wyobrazić motyw WordPress bez widżetów. Widżety to skrypty wykonywalne, które można po prostu przeciągnąć i upuścić w paskach bocznych lub w dowolnym innym obszarze gotowym na widżety w motywie. Wielu naszych czytelników wykorzystuje widżety do dodawania niestandardowych elementów do swoich pasków bocznych. Jednak ten artykuł jest dla tych ciekawych użytkowników, którzy chcą dowiedzieć się, jak dodawać dynamiczne paski boczne gotowe na widżety lub obszary gotowe na widżety w motywach WordPress.
Rejestrowanie pasków bocznych lub obszarów gotowych na widżety w WordPress
Pierwszą rzeczą, którą musisz zrobić, jest zarejestrowanie paska bocznego lub obszaru gotowego na widżety dla swojego motywu. Możesz zarejestrować wiele pasków bocznych i obszarów gotowych na widżety. Skopiuj i wklej ten kod do pliku functions.php swojego motywu.
function wpb_widgets_init() {
register_sidebar( array(
'name' => __( 'Main Sidebar', 'wpb' ),
'id' => 'sidebar-1',
'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' =>__( 'Front page sidebar', 'wpb'),
'id' => 'sidebar-2',
'description' => __( 'Appears on the static front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'wpb_widgets_init' );
W tym kodzie zarejestrowaliśmy dwa paski boczne. Nadaliśmy im nazwy i opisy, aby można je było zidentyfikować na ekranie Widżetów. Parametr opisu może być użyty do poinformowania użytkowników, gdzie ten pasek boczny pojawia się w motywie. wpb to nazwa motywu, nad którym pracujemy, jest używana tutaj, aby te ciągi znaków były możliwe do przetłumaczenia. Powinieneś zastąpić ją nazwą swojego motywu.
Dodawanie dynamicznych pasków bocznych gotowych na widżety w plikach motywu WordPress
Do tej pory zarejestrowaliśmy tylko Dynamiczne Paski Boczne. Użytkownicy mogą przeciągać i upuszczać widżety do tych pasków bocznych z ekranu Wygląd » Widżety. Jednak te paski boczne nie pojawią się na Twojej stronie, dopóki nie zostaną wywołane w szablonie, takim jak sidebar.php lub w dowolnym innym miejscu, w którym chcesz je wyświetlić. Aby dodać te obszary widżetów, edytuj plik szablonu, w którym chcesz je wyświetlić, i wklej ten kod:
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
W tym przykładowym kodzie użyliśmy identyfikatora paska bocznego, aby wywołać pasek boczny, który chcemy tutaj wyświetlić. Zmień identyfikator paska bocznego, aby wyświetlić inny pasek boczny. Na przykład możesz zarejestrować trzy paski boczne dla obszaru stopki, a następnie wywoływać je jeden po drugim w szablonie footer.php Twojego motywu.
Widżety mogą być bardzo potężne. Możesz dodać widżety do swoich postów i treści stron, sprawić, by widżety tekstowe były kolorowe, lub rozszerzyć moc domyślnych widżetów WordPress. Prawidłowo umieszczone paski boczne gotowe na widżety pozwalają użytkownikom dodawać niestandardowe elementy do swoich stron internetowych za pomocą prostego interfejsu przeciągnij i upuść.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać dynamiczne paski boczne gotowe na widżety w WordPress. Zalecamy przestudiowanie kodu w frameworkach motywów, takich jak Genesis, aby dowiedzieć się, jak profesjonaliści używają ich w swoich produktach. W przypadku pytań i opinii prosimy o pozostawienie komentarza poniżej.
nabil
cześć, potrzebuję dwóch kolumn w pasku bocznym! jak mogę to zrobić za pomocą css
Jason
Gdzie mogę rozszerzyć funkcjonalność moich widżetów WordPress
Milada
Witajcie ponownie, zespół,
przepraszam, że przeszkadzam, ale chciałbym sprecyzować, że potrzebowałbym jednego widżetu nad bieżącym widżetem głównego paska bocznego motywu po prawej stronie i drugiego widżetu po lewej stronie od artykułu pośrodku.
Jak powinienem postąpić?
Dziękuję,
Milada
Milada
Witajcie ponownie, zespół,
Jak dodać pole w widżecie i gdzie wkleić kod pola, aby tam były linki partnerskie?
Dziękuję,
Milada
Tanmay Bala
chcę nauczyć się używać wtyczki DB w WordPress i frameworka Redux.
Marc
Ten tutorial bardzo pomógł.
Próbowałem to osiągnąć od około tygodnia.
Miło i rzeczowo.
Dziękuję!
Laura
Zastanawiałem się tylko, zanim faktycznie wkleję kod, czy to działa na motywie, który oryginalnie nie ma paska bocznego? Używam Book Lite, który ma tylko stopki.
Wsparcie WPBeginner
Tak, działa.
Admin
Laura
Dzięki do tej pory – próbowałem zarejestrować pasek boczny, ale za każdym razem, gdy klikam „zapisz”, pojawia się biały ekran śmierci – czego nigdy wcześniej nie miałem. Jakieś sugestie, co może być nie tak?
Lohith
Thanks Alot
Its really wonderful and simple method to explain….
Bakopu
Dziękuję bardzo, bardzo Panu. Gdzie Pan jest, chcemy otrzymać Pana błogosławieństwo, dotykając Pana stóp.
akhilesh
dziękuję panu, te posty były dla mnie bardzo pomocne
Marcos Nakamine
Działało idealnie
Dzięki
gWorldz
Mam problem z wyświetleniem widżetu o.O
Widżet rejestruje się i wyświetla w panelu administracyjnym poprawnie, bez żadnych problemów, jednak pokazuje zawartość mojego widżetu tylko wtedy, gdy dodam zawartość w poprzednim widżecie.
Używam motywu potomnego z 2011 roku i rejestruję dodatkowy obszar stopki.
Fragment pliku functions.php:
https://gist.github.com/gWorldz/76273b5901e1b5c4759b#file-functions-php
sidebar-footer.php
https://gist.github.com/gWorldz/b6177ccc9734718dd636#file-sidebar-footer-php
style.css
https://gist.github.com/gWorldz/0f24a9350da164ee2f29#file-style-css
Czy masz jakieś pojęcie, co robię źle lub co powoduje ten problem?
Tiger
Czy otrzymałeś jakąś pomoc w tej sprawie? Mam ten sam problem.
MJ
Chciałem tylko podziękować za to. Googlowałem, aby dowiedzieć się, jak zarejestrować pasek boczny w WordPressie, i trafiłem na kilka innych stron, zanim trafiłem na tę, a Twoja miała najlepsze, najjaśniejsze i najbardziej zrozumiałe instrukcje. Dobra robota.
arvind
Twój post jest dla mnie pomocny,
dzięki !!!!!!!
Dharmendra Prajapati
W końcu mój dynamiczny pasek boczny widżetu był gotowy po 23 dniach… Przeszukałem wszystkie strony… i w końcu trafiłem na Twoją stronę.
Dzięki
Kevin
W drugim fragmencie, gdzie wstawiasz kod widżetu do szablonu, gdzie masz
div id=”secondary”
Czy to id powinno się zmieniać z każdym obszarem widżetu.
Np.:
Pierwszy, Drugi, Trzeci, czwarty, itd.
Wsparcie WPBeginner
Kevin tak, powinieneś, i powinna być nazwana na cześć obszaru widżetu lub paska bocznego, który reprezentuje.
Admin
SS
Działa do rejestrowania pasków bocznych, ale kiedy przechodzę do ekranu Wygląd » Widżety, widzę wszystkie moje widżety, ale nic, do czego można by je przeciągnąć.
Wsparcie WPBeginner
SS, gdy pomyślnie zarejestrujesz dynamiczny pasek boczny gotowy na widżety, pojawi się on na ekranie Widżety. Oznacza to, że rejestracja pasków bocznych prawdopodobnie się nie powiodła.
Admin
Steve Smart
Cześć –
To bardzo pomocny post. Dziękuję!
Udało mi się pomyślnie użyć jednego dynamicznego obszaru widżetu, teraz próbuję zaimplementować więcej niż jeden. Wszystko wydaje się działać zgodnie z oczekiwaniami, z wyjątkiem dziwnego problemu w panelu administracyjnym. Jeśli przeciągnę widżet tekstowy do mojego drugiego dynamicznego obszaru widżetu, mogę dodać treść zgodnie z oczekiwaniami i ją zapisać, a ona wyświetla się na moich stronach zgodnie z oczekiwaniami, jednak jeśli ponownie odwiedzę stronę widżetów w panelu administracyjnym, drugi obszar widżetu nie wydaje się zawierać żadnych widżetów.
Używam motywu potomnego twentytwelve i WordPress 3.7.1.
Jakieś przemyślenia?
Jackson
Hearty thanks….You have done such a wonderful work…thanks thanks thanks…
JP
dzięki, to było pomocne. na temat.
Praveen Prasad
Czy możesz mi powiedzieć, gdzie zaczyna się funkcja wywołania?
Ed Du
Możesz również użyć Headway z dodatkowym blokiem, a on zajmie się wszystkim. Albo pagelines, jeśli o to chodzi.