Este post \u00e9 para voc\u00ea que gerencia um site WordPress que possui muito conte\u00fado, possivelmente muitas p\u00e1ginas estruturadas em hierarquia, e deseja uma melhor navega\u00e7\u00e3o fora do menu principal. Para ajudar a navegar no site, um menu personalizado relacionado \u00e0 postagem atual ajudar\u00e1 tremendamente. O problema de colocar um widget de menu na barra lateral (ou onde voc\u00ea quiser) \u00e9 que a barra lateral \u00e9 comum. Nesta postagem, aprenderemos como mostrar um menu personalizado adicional na barra lateral, permitindo que postagens, p\u00e1ginas ou tipos de postagem personalizados escolham um menu.<\/p>\n
Adicione o c\u00f3digo abaixo no seu tema Criar menus no WordPress \u00e9 f\u00e1cil e voc\u00ea pode usar o widget Menu para exibir um menu na barra lateral. O problema \u00e9 que a barra lateral \u00e9 global e o mesmo menu ser\u00e1 exibido em todos os lugares. E se voc\u00ea quiser que menus espec\u00edficos sejam exibidos em p\u00e1ginas espec\u00edficas? Voc\u00ea tamb\u00e9m aprender\u00e1 como garantir que o menu escolhido seja herdado pelas p\u00e1ginas filhas. Dessa forma, voc\u00ea s\u00f3 precisa selecionar o menu na p\u00e1gina pai. Quaisquer subp\u00e1ginas tamb\u00e9m mostrar\u00e3o o mesmo menu sem a necessidade de editar todas elas.<\/p>\n O primeiro passo \u00e9 criar uma metabox em posts ou p\u00e1ginas onde temos a op\u00e7\u00e3o de escolher um menu. Usamos a fun\u00e7\u00e3o Ajuste o c\u00f3digo acima para os tipos de t\u00edtulo e postagem desejados. O exemplo acima adicionar\u00e1 a metabox a posts e p\u00e1ginas. O terceiro par\u00e2metro, que chamei Podemos obter uma matriz com todos os menus salvos no WordPress com Na sa\u00edda HTML estou imprimindo uma etiqueta. Se n\u00e3o houver nenhum menu salvo no WordPress, ele simplesmente exibir\u00e1 um par\u00e1grafo. Caso contr\u00e1rio, uma sele\u00e7\u00e3o \u00e9 gerada com IDs de menu como valores e nomes de menu como r\u00f3tulo. Tamb\u00e9m estou adicionando uma op\u00e7\u00e3o vazia para permitir que as postagens n\u00e3o mostrem um menu. Estou usando a fun\u00e7\u00e3o auxiliar do WordPress Se voc\u00ea editar uma postagem ou p\u00e1gina, dever\u00e1 ver a metabox aparecer na parte inferior, mostrando sua sele\u00e7\u00e3o. Incr\u00edvel! No entanto, neste momento, ele n\u00e3o salvar\u00e1 sua escolha de menu quando voc\u00ea salvar a postagem. Esse \u00e9 o pr\u00f3ximo passo.<\/p>\n Usamos o gancho Agora, quando voc\u00ea atualizar as postagens, tamb\u00e9m salvar\u00e1 sua escolha de menu.<\/p>\n E \u00e9 isso para a parte da escolha do post. O pr\u00f3ximo passo \u00e9 realmente a sa\u00edda do menu se um menu foi selecionado.<\/p>\n Estou adicionando a sa\u00edda na barra lateral, mas voc\u00ea pode produzi-la em qualquer lugar nos modelos do seu tema. N\u00f3s s\u00f3 precisamos de um gancho predefinido ou definir o nosso pr\u00f3prio. Como exemplo, estou adicionando um gancho personalizado na parte superior da barra lateral, para que eu possa criar uma fun\u00e7\u00e3o vinculada a isso.<\/p>\n Voc\u00ea pode simplesmente chamar No meu tema eu edito functions.php<\/code>ou dentro do c\u00f3digo do seu plugin.<\/p>\nPermitir que postagens ou p\u00e1ginas escolham um menu<\/h2>\n
Adicionando uma metabox para escolher o menu<\/h3>\n
add_meta_box()<\/code>e decidimos para quais tipos de postagem queremos mostr\u00e1-la.<\/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>de, \u00e9 a fun\u00e7\u00e3o respons\u00e1vel por renderizar o conte\u00fado da metabox. Vamos definir isso a seguir. Isto \u00e9 o que precisaremos fazer em nossa 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>. Quanto \u00e0 busca do menu escolhido atual, armazenamos o menu escolhido como um post meta awp_sidebar_menu<\/code>(chame-o como quiser), e simplesmente buscaremos o valor com base na corrente $post<\/code>fornecida a n\u00f3s na fun\u00e7\u00e3o metabox. Salvaremos os IDs de menu porque \u00e9 tudo o que precisamos para exibir um menu. E ent\u00e3o produzimos HTML para um select que percorre os menus. A sa\u00edda HTML da metabox \u00e9 realmente com voc\u00ea, o exemplo abaixo \u00e9. Tamb\u00e9m inclu\u00ed a funcionalidade nonce para seguran\u00e7a.<\/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>para marcar a op\u00e7\u00e3o salva atual como selecionada.<\/p>\nSalvando a escolha do menu<\/h3>\n
save_post<\/code>para criar uma fun\u00e7\u00e3o que salva qualquer escolha que adicionamos em nossa metabox. O save_post<\/code>gancho \u00e9 acionado toda vez que uma postagem est\u00e1 sendo salva ou atualizada. Verificaremos o nonce primeiro (se voc\u00ea n\u00e3o tiver certeza do que s\u00e3o nonces, consulte este guia do WordPress sobre nonces<\/a> ). Em seguida, verificamos novamente se o usu\u00e1rio tem permiss\u00e3o para atualizar postagens e atualiza nossa meta de postagem com a op\u00e7\u00e3o.<\/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>\nEscolhendo uma posi\u00e7\u00e3o para o menu personalizado<\/h3>\n
wp_nav_menu()<\/code>diretamente no modelo, mas eu recomendo criar um gancho personalizado, porque adicionaremos um pouco de c\u00f3digo e ele pode parecer confuso.<\/p>\nsidebar.php<\/code>e logo antes dynamic_sidebar()<\/code>com a barra lateral \u00e9 chamada (onde os widgets s\u00e3o adicionados), eu adiciono meu gancho personalizado com do_action()<\/code>e um nome dado. Voc\u00ea pode cham\u00e1-lo como quiser, mas deve ser exclusivo no WordPress. Ent\u00e3o, pelo menos, prefixe-o com algo exclusivo para voc\u00ea.<\/p>\n<aside class=\"sidebar\">\n <?php \n do_action('awp_before_sidebar');\n dynamic_sidebar('left-sidebar'); \n ?>\n<\/aside><\/code><\/pre>\nRenderizando o card\u00e1pio<\/h3>\n