Det h\u00e4r inl\u00e4gget \u00e4r f\u00f6r dig som hanterar en WordPress-sajt som har mycket inneh\u00e5ll, eventuellt m\u00e5nga sidor strukturerade i hierarki, och \u00f6nskar b\u00e4ttre navigering utanf\u00f6r huvudmenyn. F\u00f6r att hj\u00e4lpa till att navigera p\u00e5 webbplatsen kommer en anpassad meny relaterad till det aktuella inl\u00e4gget att hj\u00e4lpa enormt. Problemet med att placera en menywidget i sidof\u00e4ltet (eller var du vill) \u00e4r att sidof\u00e4ltet \u00e4r vanligt. I det h\u00e4r inl\u00e4gget kommer vi att l\u00e4ra oss hur du visar en extra anpassad meny i sidof\u00e4ltet, genom att till\u00e5ta inl\u00e4gg, sidor eller anpassade inl\u00e4ggstyper att v\u00e4lja en meny.<\/p>\n
L\u00e4gg till koden nedan i ditt teman Det \u00e4r enkelt att skapa menyer i WordPress, och du kan anv\u00e4nda menywidgeten f\u00f6r att visa en meny i sidof\u00e4ltet. Problemet \u00e4r att sidof\u00e4ltet \u00e4r globalt och samma meny kommer att visas \u00f6verallt. Vad h\u00e4nder om du vill att specifika menyer ska visas p\u00e5 specifika sidor? Du kommer ocks\u00e5 att l\u00e4ra dig hur du kan se till att den valda menyn \u00e4rvs av underordnade sidor. P\u00e5 s\u00e5 s\u00e4tt beh\u00f6ver du bara v\u00e4lja menyn p\u00e5 den \u00f6verordnade sidan. Alla undersidor kommer ocks\u00e5 att visa samma meny utan att beh\u00f6va redigera alla.<\/p>\n Det f\u00f6rsta steget \u00e4r att skapa en metabox p\u00e5 inl\u00e4gg eller sidor d\u00e4r vi f\u00e5r m\u00f6jlighet att v\u00e4lja en meny. Vi anv\u00e4nder funktionen Justera ovanst\u00e5ende kod till den titel och inl\u00e4ggstyper du vill ha. Ovanst\u00e5ende exempel kommer att l\u00e4gga till metaboxen till b\u00e5de inl\u00e4gg och sidor. Den tredje parametern, vad jag har kallat Vi kan f\u00e5 en array med alla sparade menyer i WordPress med I HTML-utg\u00e5ngen skriver jag ut en etikett. Om det inte finns n\u00e5gra sparade menyer i WordPress alls, kommer det helt enkelt att visa ett stycke. Annars genereras ett urval med meny-ID:n som v\u00e4rden och menynamn som etikett. Jag l\u00e4gger ocks\u00e5 till ett tomt val f\u00f6r att till\u00e5ta att inl\u00e4gg inte visar en meny. Jag anv\u00e4nder WordPresss hj\u00e4lpfunktion Om du redigerar ett inl\u00e4gg eller en sida b\u00f6r du se metaboxen visas l\u00e4ngst ner, som visar ditt val. Grymt bra! Men vid denna tidpunkt kommer det f\u00f6r n\u00e4rvarande inte att spara ditt menyval n\u00e4r du sparar inl\u00e4gget. Det \u00e4r n\u00e4sta steg.<\/p>\n Vi anv\u00e4nder kroken Nu n\u00e4r du uppdaterar inl\u00e4gg sparar den ocks\u00e5 ditt val av meny.<\/p>\n Och det var allt f\u00f6r inl\u00e4ggsvalsdelen. N\u00e4sta steg \u00e4r faktiskt att mata ut menyn om en meny har valts.<\/p>\n Jag l\u00e4gger till utdata i sidof\u00e4ltet, men du kan mata ut det var som helst i ditt temas mallar. Vi beh\u00f6ver bara antingen en f\u00f6rdefinierad krok eller definiera v\u00e5r egen. Som ett exempel l\u00e4gger jag till en anpassad krok \u00f6verst i sidof\u00e4ltet, s\u00e5 att jag kan skapa en funktion kopplad till denna.<\/p>\n Du kan helt enkelt ringa I mitt tema redigerar jag functions.php<\/code>eller i din plugin-kod.<\/p>\nTill\u00e5t inl\u00e4gg eller sidor att v\u00e4lja en meny<\/h2>\n
L\u00e4gga till en metabox f\u00f6r att v\u00e4lja meny<\/h3>\n
add_meta_box()<\/code>och best\u00e4mmer vilka inl\u00e4ggstyper vi vill visa den f\u00f6r.<\/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>, \u00e4r funktionen som ansvarar f\u00f6r att rendera metaboxens inneh\u00e5ll. L\u00e5t oss definiera det h\u00e4rn\u00e4st. Det h\u00e4r \u00e4r vad vi beh\u00f6ver g\u00f6ra i v\u00e5r metabox:<\/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>. N\u00e4r det g\u00e4ller att h\u00e4mta aktuell vald meny lagrar vi den valda menyn som en postmeta i awp_sidebar_menu<\/code>(kalla det vad du vill), och vi h\u00e4mtar helt enkelt v\u00e4rdet baserat p\u00e5 str\u00f6mmen $post<\/code>som tillhandah\u00e5lls oss i metabox-funktionen. Vi kommer att spara meny-ID eftersom det \u00e4r allt vi beh\u00f6ver f\u00f6r att visa en meny. Och sedan matar vi ut HTML f\u00f6r ett urval som g\u00e5r igenom menyerna. HTML-utg\u00e5ngen f\u00f6r metaboxen \u00e4r verkligen upp till dig, nedan \u00e4r ett exempel. Jag har inkluderat nonce-funktionalitet f\u00f6r s\u00e4kerhet ocks\u00e5.<\/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>f\u00f6r att hantera att markera det aktuella sparade alternativet som valt.<\/p>\nSparar menyvalet<\/h3>\n
save_post<\/code>f\u00f6r att skapa en funktion som sparar alla val vi har lagt till i v\u00e5r metabox. Kroken save_post<\/code>utl\u00f6ses varje g\u00e5ng ett inl\u00e4gg sparas eller uppdateras. Vi kontrollerar nonce f\u00f6rst (om du \u00e4r os\u00e4ker p\u00e5 vad nonces \u00e4r, kolla denna WordPress-guide om nonces<\/a> ). Vi dubbelkollar sedan om anv\u00e4ndaren f\u00e5r uppdatera inl\u00e4gg och uppdaterar v\u00e5r inl\u00e4ggsmeta med valet.<\/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>\nV\u00e4lja en position f\u00f6r den anpassade menyn<\/h3>\n
wp_nav_menu()<\/code>direkt i mallen men jag rekommenderar att du skapar en anpassad krok ist\u00e4llet eftersom vi kommer att l\u00e4gga till en hel del kod och det kan verka r\u00f6rigt.<\/p>\nsidebar.php<\/code>och precis innan dynamic_sidebar()<\/code>med sidof\u00e4ltet kallas (d\u00e4r widgets l\u00e4ggs till), l\u00e4gger jag till min anpassade krok med do_action()<\/code>och ett givet namn. Du kan kalla det vad du vill, men det m\u00e5ste vara unikt inom WordPress. S\u00e5 prefix det \u00e5tminstone med n\u00e5got unikt f\u00f6r dig.<\/p>\n<aside class=\"sidebar\">\n <?php \n do_action('awp_before_sidebar');\n dynamic_sidebar('left-sidebar'); \n ?>\n<\/aside><\/code><\/pre>\nRendering av menyn<\/h3>\n