Jak dodać dynamiczne paski boczne gotowe Widget w WordPress

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ć na paskach bocznych lub w dowolnym innym obszarze gotowym do widżetów w motywie. Wielu naszych czytelników wykorzystuje widżety, aby dodać niestandardowe elementy do paska bocznego. Jednak ten artykuł jest dla tych ciekawych użytkowników, którzy chcą dowiedzieć się, jak dodać dynamiczne paski boczne lub gotowe obszary widgetów w motywach WordPress.

Rejestracja pasków bocznych lub obszarów gotowych Widget w WordPress

Pierwszą rzeczą, którą musisz zrobić, to zarejestrować pasek boczny lub widget Gotowy obszar dla Twojego motywu. Możesz zarejestrować wiele pasków bocznych i obszarów gotowych do widgetów. Skopiuj i wklej ten kod w funkcjach szablonu.plik php

function wpb_widgets_init () {

	register_sidebar(array (
		'name' = > _ _ ('Main Sidebar', 'wpb' ),
		'id' = > 'sidebar-1',
		'description' = > _ _ ('główny pasek boczny pojawia się po prawej stronie na każdej stronie z wyjątkiem szablonu strony głównej', 'wpb' ),
		'before_widget' = >'<ID="%1$s" class="widget %2$S">',
		'after_widget' = > ' < / a>',
		'before_title' = > '<h3 class = "widget-title">',
		'after_title' = > '</h3>',
	) );

	register_sidebar(array (
		'name' = > _ _ ('Front page sidebar', 'wpb'),
		'id' = > 'sidebar-2',
		'description' = > _ _ ('pojawia się na statycznym szablonie strony głównej', 'wpb'),
		'before_widget' = >'<ID="%1$s" class="widget %2$S">',
		'after_widget' = > ' < / a>',
		'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 je zidentyfikować na ekranie widżetów. Parametr description może być użyty do poinformowania użytkowników, gdzie ten pasek boczny pojawia się w motywie. Wpb to nazwa tematu, nad którym pracujemy, jest tutaj używany do tłumaczenia tych ciągów. Należy go zastąpić nazwą motywu.

Dodawanie dynamicznych pasków bocznych gotowych widżetów w plikach motywów WordPress

Do tej pory zarejestrowaliśmy tylko dynamiczne paski boczne. Użytkownicy mogą przeciągać i upuszczać widżety na te paski boczne z Wygląd ” Widgety ekran. Jednak te paski boczne nie pojawią się w Twojej witrynie, dopóki nie zostaną wywołane w szablonie takim jak pasek boczny.php lub gdziekolwiek indziej 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ładzie kodu użyliśmy sidebar id do wywołania paska bocznego, 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 nazwać je jeden po drugim w swoim motywie stopka.php szablon.

Widżety mogą być bardzo potężne. Możesz dodawać widżety do swoich postów i zawartości strony, tworzyć kolorowe widżety tekstowe lub rozszerzać moc domyślnych widżetów WordPress. Prawidłowo umieszczone paski boczne gotowe widget pozwalają użytkownikom na dodawanie niestandardowych elementów do swoich stron internetowych za pomocą prostego interfejsu przeciągnij i upuść.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać dynamiczne paski boczne gotowe do widżetów w WordPress. Zalecamy przestudiowanie kodu w ramach motywów, takich jak Genesis, aby dowiedzieć się, jak profesjonaliści używają ich w swoich produktach. W przypadku pytań i opinii zostaw komentarz poniżej.