Esta publicaci\u00f3n es para usted que administra un sitio de WordPress que tiene mucho contenido, posiblemente muchas p\u00e1ginas estructuradas en jerarqu\u00eda, y desea una mejor navegaci\u00f3n fuera del men\u00fa principal. Para ayudar a navegar por el sitio, un men\u00fa personalizado relacionado con la publicaci\u00f3n actual ser\u00e1 de gran ayuda. El problema de colocar un widget de men\u00fa en la barra lateral (o donde quieras) es que la barra lateral es com\u00fan. En esta publicaci\u00f3n, aprenderemos c\u00f3mo mostrar un men\u00fa personalizado adicional en la barra lateral, al permitir que las publicaciones, p\u00e1ginas o tipos de publicaciones personalizadas elijan un men\u00fa.<\/p>\n
Agregue el c\u00f3digo a continuaci\u00f3n en su tema Crear men\u00fas en WordPress es f\u00e1cil y puede usar el widget Men\u00fa para mostrar un men\u00fa en la barra lateral. El problema es que la barra lateral es global y se mostrar\u00e1 el mismo men\u00fa en todas partes. \u00bfQu\u00e9 sucede si desea que se muestren men\u00fas espec\u00edficos en p\u00e1ginas espec\u00edficas? Tambi\u00e9n aprender\u00e1 c\u00f3mo puede asegurarse de que las p\u00e1ginas secundarias hereden el men\u00fa elegido. De esa manera, solo necesita seleccionar el men\u00fa en la p\u00e1gina principal. Todas las subp\u00e1ginas tambi\u00e9n mostrar\u00e1n el mismo men\u00fa sin necesidad de editarlas todas.<\/p>\n El primer paso es crear un metabox en publicaciones o p\u00e1ginas donde tengamos la opci\u00f3n de elegir un men\u00fa. Usamos la funci\u00f3n Ajuste el c\u00f3digo anterior al t\u00edtulo y los tipos de publicaci\u00f3n que desee. El ejemplo anterior agregar\u00e1 el metabox tanto a las publicaciones como a las p\u00e1ginas. El tercer par\u00e1metro, lo que he llamado Podemos obtener una matriz con todos los men\u00fas guardados en WordPress con En la salida HTML estoy imprimiendo una etiqueta. Si no hay men\u00fas guardados en WordPress, simplemente mostrar\u00e1 un p\u00e1rrafo. De lo contrario, se genera una selecci\u00f3n con ID de men\u00fa como valores y nombres de men\u00fa como etiqueta. Tambi\u00e9n estoy agregando una opci\u00f3n vac\u00eda para permitir que las publicaciones no muestren un men\u00fa. Estoy usando la funci\u00f3n de ayuda de WordPress Si edita una publicaci\u00f3n o p\u00e1gina, deber\u00eda ver el metabox en la parte inferior, mostrando su selecci\u00f3n. \u00a1Impresionante! Sin embargo, en este punto, actualmente no guardar\u00e1 su elecci\u00f3n de men\u00fa cuando guarde la publicaci\u00f3n. Ese es el siguiente paso.<\/p>\n Usamos el gancho Ahora, cuando actualice las publicaciones, tambi\u00e9n guardar\u00e1 su elecci\u00f3n de men\u00fa.<\/p>\n Y eso es todo por la parte de elecci\u00f3n de puesto. El siguiente paso es generar el men\u00fa si se seleccion\u00f3 un men\u00fa.<\/p>\n Estoy agregando la salida en la barra lateral, pero puede generarla en cualquier parte de las plantillas de su tema. Solo necesitamos un gancho predefinido o definir el nuestro. Como ejemplo, estoy agregando un gancho personalizado en la parte superior de la barra lateral, para poder crear una funci\u00f3n enganchada a esto.<\/p>\n Simplemente puede llamar En mi tema, edito functions.php<\/code>o dentro de su c\u00f3digo de complemento.<\/p>\nPermitir que las publicaciones o p\u00e1ginas elijan un men\u00fa<\/h2>\n
Agregar un metabox para elegir el men\u00fa<\/h3>\n
add_meta_box()<\/code>y decidimos para qu\u00e9 tipos de publicaciones queremos mostrarla.<\/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>, es la funci\u00f3n responsable de representar el contenido del metabox. Vamos a definir eso a continuaci\u00f3n. Esto es lo que tendremos que hacer en nuestro 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>. En cuanto a obtener el men\u00fa elegido actual, almacenamos el men\u00fa elegido como una publicaci\u00f3n meta awp_sidebar_menu<\/code>(ll\u00e1melo como quiera), y simplemente buscaremos el valor en funci\u00f3n de la corriente $post<\/code>que se nos proporciona en la funci\u00f3n metabox. Guardaremos los ID de men\u00fa porque eso es todo lo que necesitamos para mostrar un men\u00fa. Y luego generamos HTML para una selecci\u00f3n que recorre los men\u00fas. La salida HTML del metabox realmente depende de usted, el siguiente es un ejemplo. Tambi\u00e9n he incluido la funcionalidad nonce por seguridad.<\/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 manejar el marcado de la opci\u00f3n guardada actual como seleccionada.<\/p>\nGuardar la elecci\u00f3n del men\u00fa<\/h3>\n
save_post<\/code>para crear una funci\u00f3n que guarde cualquier elecci\u00f3n que hayamos agregado en nuestro metabox. El save_post<\/code>gancho se activa cada vez que se guarda o actualiza una publicaci\u00f3n. Primero revisaremos los nonces (si no est\u00e1 seguro de qu\u00e9 son los nonces, consulte esta gu\u00eda de WordPress sobre los nonces<\/a> ). Luego verificamos dos veces si el usuario puede actualizar las publicaciones y actualizamos nuestra meta de publicaci\u00f3n con la opci\u00f3n.<\/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>\nElegir una posici\u00f3n para el men\u00fa personalizado<\/h3>\n
wp_nav_menu()<\/code>directamente a la plantilla, pero recomiendo crear un enlace personalizado en su lugar porque agregaremos bastante c\u00f3digo y puede parecer desordenado.<\/p>\nsidebar.php<\/code>y justo antes dynamic_sidebar()<\/code>de que se llame a la barra lateral (donde se agregan los widgets), agrego mi enlace personalizado con do_action()<\/code>un nombre de pila. Puedes llamarlo como quieras, pero debe ser \u00fanico dentro de WordPress. As\u00ed que al menos antep\u00f3ngalo con algo \u00fanico para usted.<\/p>\n<aside class=\"sidebar\">\n <?php \n do_action('awp_before_sidebar');\n dynamic_sidebar('left-sidebar'); \n ?>\n<\/aside><\/code><\/pre>\nRepresentaci\u00f3n del men\u00fa<\/h3>\n