Questo post \u00e8 per te che gestisci un sito WordPress che ha molti contenuti, possibilmente molte pagine strutturate in modo gerarchico, e desideri una migliore navigazione al di fuori del menu principale. Per aiutare a navigare nel sito, un menu personalizzato relativo al post corrente sar\u00e0 di grande aiuto. Il problema con il posizionamento di un widget di menu nella barra laterale (o dove preferisci) \u00e8 che la barra laterale \u00e8 comune. In questo post impareremo come mostrare un menu personalizzato aggiuntivo nella barra laterale, consentendo a post, pagine o tipi di post personalizzati di scegliere un menu.<\/p>\n
Aggiungi il codice qui sotto nel tuo tema Creare menu in WordPress \u00e8 facile e puoi utilizzare il widget Menu per visualizzare un menu nella barra laterale. Il problema \u00e8 che la barra laterale \u00e8 globale e lo stesso menu verr\u00e0 visualizzato ovunque. E se desideri visualizzare menu specifici su pagine specifiche? Imparerai anche come assicurarti che il menu scelto venga ereditato dalle pagine figlio. In questo modo devi solo selezionare il menu nella pagina principale. Tutte le sottopagine mostreranno anche lo stesso menu senza bisogno di modificarle tutte.<\/p>\n Il primo passo \u00e8 creare un metabox su post o pagine in cui abbiamo la possibilit\u00e0 di scegliere un menu. Usiamo la funzione Adatta il codice sopra al titolo e ai tipi di post che desideri. L’esempio sopra aggiunger\u00e0 il metabox sia ai post che alle pagine. Il terzo parametro, quello che ho chiamato Possiamo ottenere un array con tutti i menu salvati in WordPress con Nell’output HTML sto stampando un’etichetta. Se non ci sono menu salvati in WordPress, visualizzer\u00e0 semplicemente un paragrafo. In caso contrario, viene generata una selezione con ID menu come valori e nomi di menu come etichetta. Sto anche aggiungendo una scelta vuota per consentire ai post di non mostrare un menu. Sto usando la funzione di supporto di WordPress Se modifichi un post o una pagina dovresti vedere il metabox apparire in basso, mostrando la tua selezione. Stupendo! Tuttavia a questo punto al momento non salver\u00e0 la tua scelta di menu quando salvi il post. Questo \u00e8 il prossimo passo.<\/p>\n Usiamo l’hook Ora, quando aggiorni i post, salver\u00e0 anche la tua scelta di menu.<\/p>\n E questo \u00e8 tutto per la parte post-scelta. Il passaggio successivo \u00e8 effettivamente l’output del menu se \u00e8 stato selezionato un menu.<\/p>\n Sto aggiungendo l’output nella barra laterale, ma puoi emetterlo ovunque nei modelli del tuo tema. Abbiamo solo bisogno di un hook predefinito o definiamo il nostro. Ad esempio, sto aggiungendo un hook personalizzato nella parte superiore della barra laterale, in modo da poter creare una funzione agganciata a questo.<\/p>\n Potresti semplicemente chiamare Nel mio tema modifico functions.php<\/code>o nel codice del tuo plugin.<\/p>\nConsenti ai post o alle pagine di scegliere un menu<\/h2>\n
Aggiunta di una metabox per la scelta del menu<\/h3>\n
add_meta_box()<\/code>e decidiamo per quali tipi di post vogliamo mostrarlo.<\/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>, \u00e8 la funzione responsabile del rendering del contenuto del metabox. Definiamolo dopo. Questo \u00e8 ci\u00f2 che dovremo fare nel nostro 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>. Per quanto riguarda il recupero del menu scelto corrente, memorizziamo il menu scelto come meta post awp_sidebar_menu<\/code>(chiamalo come preferisci) e recupereremo semplicemente il valore in base alla corrente $post<\/code>fornitaci nella funzione metabox. Salveremo gli ID menu perch\u00e9 \u00e8 tutto ci\u00f2 di cui abbiamo bisogno per visualizzare un menu. E poi riproduciamo HTML per una selezione che scorre attraverso i menu. L’output HTML del metabox dipende davvero da te, il seguente \u00e8 un esempio. Ho incluso anche la funzionalit\u00e0 nonce per la sicurezza.<\/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>per gestire il contrassegno dell’opzione salvata corrente come selezionata.<\/p>\nSalvataggio della scelta del menu<\/h3>\n
save_post<\/code>per creare una funzione che salva qualsiasi scelta che abbiamo aggiunto nel nostro metabox. L’ save_post<\/code>hook viene attivato ogni volta che un post viene salvato o aggiornato. Verificheremo prima i nonce (se non sei sicuro di cosa siano i nonce, controlla questa guida di WordPress sui nonce<\/a> ). Quindi controlliamo due volte se l’utente \u00e8 autorizzato ad aggiornare i post e aggiorna il nostro meta post con la scelta.<\/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>\nScelta di una posizione per il menu personalizzato<\/h3>\n
wp_nav_menu()<\/code>direttamente nel modello, ma ti consiglio invece di creare un hook personalizzato perch\u00e9 aggiungeremo un bel po’ di codice e pu\u00f2 sembrare disordinato.<\/p>\nsidebar.php<\/code>e subito prima dynamic_sidebar()<\/code>con la barra laterale viene chiamata (dove vengono aggiunti i widget), aggiungo il mio hook personalizzato con do_action()<\/code>e un dato nome. Puoi chiamarlo come preferisci, ma deve essere unico all’interno di WordPress. Quindi almeno anteponigli qualcosa di unico per te.<\/p>\n<aside class=\"sidebar\">\n <?php \n do_action('awp_before_sidebar');\n dynamic_sidebar('left-sidebar'); \n ?>\n<\/aside><\/code><\/pre>\nRendering del menu<\/h3>\n