Ten post jest dla Ciebie, kt\u00f3ry zarz\u0105dza witryn\u0105 WordPress, kt\u00f3ra ma du\u017co tre\u015bci, prawdopodobnie wiele stron uporz\u0105dkowanych hierarchicznie i chcesz mie\u0107 lepsz\u0105 nawigacj\u0119 poza menu g\u0142\u00f3wnym. Aby u\u0142atwi\u0107 poruszanie si\u0119 po witrynie, ogromnie pomo\u017ce niestandardowe menu zwi\u0105zane z aktualnym postem. Problem z umieszczeniem wid\u017cetu menu na pasku bocznym (lub gdziekolwiek chcesz) polega na tym, \u017ce pasek boczny jest powszechny. W tym po\u015bcie dowiemy si\u0119, jak wy\u015bwietli\u0107 dodatkowe niestandardowe menu na pasku bocznym, umo\u017cliwiaj\u0105c postom, stronom lub niestandardowym typom post\u00f3w wyb\u00f3r menu.<\/p>\n
Dodaj poni\u017cszy kod w motywie Tworzenie menu w WordPressie jest \u0142atwe i mo\u017cesz u\u017cy\u0107 wid\u017cetu Menu, aby wy\u015bwietli\u0107 menu na pasku bocznym. Problem polega na tym, \u017ce pasek boczny jest globalny i wsz\u0119dzie b\u0119dzie wy\u015bwietlane to samo menu. Co zrobi\u0107, je\u015bli chcesz, aby okre\u015blone menu by\u0142y wy\u015bwietlane na okre\u015blonych stronach? Dowiesz si\u0119 r\u00f3wnie\u017c, jak upewni\u0107 si\u0119, \u017ce wybrane menu jest dziedziczone przez strony podrz\u0119dne. W ten spos\u00f3b wystarczy wybra\u0107 menu na stronie nadrz\u0119dnej. Wszelkie podstrony r\u00f3wnie\u017c poka\u017c\u0105 to samo menu bez konieczno\u015bci ich edycji.<\/p>\n Pierwszym krokiem jest stworzenie metaboxu na posty lub strony, gdzie mamy mo\u017cliwo\u015b\u0107 wyboru menu. U\u017cywamy funkcji Dostosuj powy\u017cszy kod do tytu\u0142u i typ\u00f3w post\u00f3w, kt\u00f3re chcesz. Powy\u017cszy przyk\u0142ad doda metabox zar\u00f3wno do post\u00f3w, jak i stron. Trzecim parametrem, kt\u00f3ry nazwa\u0142em Tablic\u0119 ze wszystkimi zapisanymi menu w WordPressie mo\u017cemy uzyska\u0107 za pomoc\u0105 W wyniku HTML drukuj\u0119 etykiet\u0119. Je\u015bli w WordPressie nie ma \u017cadnych zapisanych menu, po prostu wy\u015bwietli akapit. W przeciwnym razie generowany jest wyb\u00f3r z identyfikatorami menu jako warto\u015bciami i nazwami menu jako etykiet\u0105. Dodaj\u0119 r\u00f3wnie\u017c pusty wyb\u00f3r, aby posty nie wy\u015bwietla\u0142y menu. Korzystam z funkcji pomocniczej WordPressa Je\u015bli edytujesz post lub stron\u0119, na dole powinno pojawi\u0107 si\u0119 metabox z zaznaczeniem. Wspania\u0142y! Jednak w tym momencie nie zapisze wyboru menu podczas zapisywania posta. To kolejny krok.<\/p>\n U\u017cywamy haka Teraz, gdy aktualizujesz posty, zapisze r\u00f3wnie\u017c Tw\u00f3j wyb\u00f3r menu.<\/p>\n I to tyle, je\u015bli chodzi o cz\u0119\u015b\u0107 dotycz\u0105c\u0105 wyboru post\u00f3w. Nast\u0119pnym krokiem jest w rzeczywisto\u015bci wy\u015bwietlenie menu, je\u015bli zosta\u0142o wybrane menu.<\/p>\n Dodaj\u0119 dane wyj\u015bciowe na pasku bocznym, ale mo\u017cesz je wyprowadzi\u0107 w dowolnym miejscu w szablonach motywu. Potrzebujemy tylko predefiniowanego haka lub zdefiniowania w\u0142asnego. Jako przyk\u0142ad dodaj\u0119 niestandardowy zaczep na g\u00f3rze paska bocznego, abym m\u00f3g\u0142 utworzy\u0107 pod\u0142\u0105czon\u0105 do niego funkcj\u0119.<\/p>\n Mo\u017cesz po prostu zadzwoni\u0107 W moim motywie, kt\u00f3ry edytuj\u0119 functions.php<\/code>lub w kodzie wtyczki.<\/p>\nZezwalaj postom lub stronom na wyb\u00f3r menu<\/h2>\n
Dodanie metabox do wyboru menu<\/h3>\n
add_meta_box()<\/code>i decydujemy, dla jakich typ\u00f3w post\u00f3w chcemy j\u0105 pokaza\u0107.<\/p>\nadd_action('add_meta_boxes', function() {\n add_meta_box('metabox-sidebar-menu', __('Sidebar Menu', 'txtdomain'), 'awp_sidebar_menu_metabox_callback', ['post', 'page']);\n});<\/code><\/pre>\nawp_sidebar_menu_metabox_callback<\/code>, jest funkcja odpowiedzialna za renderowanie zawarto\u015bci metaboksu. Zdefiniujmy to dalej. Oto, co musimy zrobi\u0107 w naszym metaboksie:<\/p>\nfunction awp_sidebar_menu_metabox_callback($post) {\n \/\/ Get all menus\n\u00a0\n \/\/ Get the current saved menu, if set\n\u00a0\n \/\/ Output HTML with a select showing all menus, and mark the currently saved one as selected\n}<\/code><\/pre>\nwp_get_nav_menus()<\/code>. Je\u015bli chodzi o pobieranie aktualnie wybranego menu, przechowujemy wybrane menu jako meta postu awp_sidebar_menu<\/code>(nazywaj je, jak chcesz), a my po prostu pobieramy warto\u015b\u0107 na podstawie pr\u0105du $post<\/code>dostarczonego nam w funkcji metabox. Zapiszemy identyfikatory menu, poniewa\u017c to wszystko, czego potrzebujemy, aby wy\u015bwietli\u0107 menu. A potem wypisujemy HTML dla zaznaczenia, kt\u00f3re przechodzi przez menu. Wynik HTML metaboksu zale\u017cy od Ciebie, poni\u017cej jest przyk\u0142ad. Do\u0142\u0105czy\u0142em r\u00f3wnie\u017c funkcjonalno\u015b\u0107 nonce dla bezpiecze\u0144stwa.<\/p>\nfunction awp_sidebar_menu_metabox_callback($post) {\n \/\/ Get all menus\n $menus = wp_get_nav_menus();\n\u00a0\n \/\/ Get the current saved menu, if set\n $current_selected = get_post_meta($post->ID, 'awp_sidebar_menu', true);\n\u00a0\n \/\/ Output HTML with a select showing all menus, and mark the currently saved one as selected\n wp_nonce_field('awp_sidebar_menu_metabox_nonce', 'awp_sidebar_menu_nonce');\n ?><div class=\"awp-metabox-item\">\n <div class=\"awp-metabox-label\"><label><?php _e('Choose menu', 'txtdomain'); ?><\/label><\/div>\n <div class=\"awp-metabox-input\"><?php\n if (empty($menus)) {\n echo '<p>'. __('No menus created.', 'txtdomain'). '<\/p>';\n } else { ?>\n <select name=\"awp-sidebar-menu\" id=\"awp-sidebar-menu\">\n <?php \n echo '<option value=\"\">'. __('Choose menu', 'txtdomain'). '<\/option>';\n foreach ($menus as $menu) { \n echo '<option value=\"'. $menu->term_id. '\" '.selected($current_selected, $menu->term_id).'>'.$menu->name.'<\/option>';\n } ?>\n <\/select>\n <?php } ?>\n <\/div>\n <\/div><?php\n}<\/code><\/pre>\n[selected](https:\/\/developer.wordpress.org\/reference\/functions\/selected\/)()<\/code>do zaznaczania aktualnie zapisanej opcji jako wybranej.<\/p>\nZapisywanie wyboru menu<\/h3>\n
save_post<\/code>do tworzenia funkcji, kt\u00f3ra zapisuje ka\u017cdy wyb\u00f3r, kt\u00f3ry dodali\u015bmy w naszym metaboksie. Podpi\u0119cie save_post<\/code>jest uruchamiane za ka\u017cdym razem, gdy post jest zapisywany lub aktualizowany. Najpierw sprawdzimy warto\u015b\u0107 jednorazow\u0105 (je\u015bli nie masz pewno\u015bci, co to s\u0105, sprawd\u017a ten przewodnik WordPressa o warto\u015bciach jednorazowych<\/a> ). Nast\u0119pnie dwukrotnie sprawdzamy, czy u\u017cytkownik mo\u017ce aktualizowa\u0107 posty, i aktualizujemy nasz\u0105 meta postu o wyb\u00f3r.<\/p>\nadd_action('save_post', function($post_id) {\n if (!isset($_POST['awp_sidebar_menu_nonce']) || !wp_verify_nonce($_POST['awp_sidebar_menu_nonce'], 'awp_sidebar_menu_metabox_nonce')) {\n return;\n }\n\u00a0\n if (!current_user_can('edit_post', $post_id)) {\n return;\n }\n\u00a0\n update_post_meta($post_id, 'awp_sidebar_menu', $_POST['awp-sidebar-menu']);\n});<\/code><\/pre>\nWyb\u00f3r pozycji dla niestandardowego menu<\/h3>\n
wp_nav_menu()<\/code>bezpo\u015brednio w szablonie, ale zamiast tego zalecam utworzenie niestandardowego hooka, poniewa\u017c dodamy sporo kodu i mo\u017ce si\u0119 to wydawa\u0107 nieuporz\u0105dkowane.<\/p>\nsidebar.php<\/code>i tu\u017c przed dynamic_sidebar()<\/code>wywo\u0142aniem paska bocznego (gdzie dodawane s\u0105 wid\u017cety), dodaj\u0119 m\u00f3j niestandardowy hak z do_action()<\/code>podan\u0105 nazw\u0105. Mo\u017cesz go nazwa\u0107, jak chcesz, ale musi by\u0107 unikalny w WordPressie. Wi\u0119c przynajmniej poprzed\u017a to czym\u015b wyj\u0105tkowym dla Ciebie.<\/p>\n<aside class=\"sidebar\">\n <?php \n do_action('awp_before_sidebar');\n dynamic_sidebar('left-sidebar'); \n ?>\n<\/aside><\/code><\/pre>\nRenderowanie menu<\/h3>\n