Cómo habilitar descripciones de menú para cualquier tema de WordPress










  • ¿Quieres añadir descripciones a tus menús de WordPress ? Esto parece una característica básica que WordPress admitiría y lo hace, pero es bastante complicado de habilitar. Para empezar, verá esta función disponible en la página del menú, pero habilitarla no funciona.

    Esto se debe a que la función está desactivada de forma predeterminada, lo que no tiene mucho sentido.

    Pero no te preocupes, puedes encenderlo. Sin embargo, puede resultar difícil según el método que elija. Puede usar un complemento o escribir algún código para lograr los mismos resultados. El método de codificación requiere un poco más de trabajo que el complemento, pero le evita instalar otro complemento.

    Hoy demostraré cómo agregar descripciones de menú para cualquier tema usando dos métodos.

    ¿Qué son las descripciones de menú y por qué debería usar una?

    Las descripciones del menú son descripciones para su menú, como su nombre lo indica, pero aún puede estar rascándose la cabeza. Después de todo, no muchos sitios web los utilizan.

    El menú está en su lugar para ayudar a sus visitantes a navegar por su sitio web. Como resultado, los visitantes pueden navegar por su sitio web más fácilmente y encontrar lo que buscan. Sin embargo, a veces los elementos del menú no son muy claros.

    En estos casos, estos pueden confundir al visitante, lo que socava el punto de un menú. Afortunadamente, esto se puede evitar agregando descripciones de menú.

    Sin embargo, algunos sitios web usan deliberadamente nombres confusos en sus menús para hacerlos más únicos.

    Las personas están llenas de curiosidad y si ven un nombre pegadizo o algo de lo que no saben nada, es probable que hagan clic en él. Por supuesto, lo contrario también es cierto, y si alguien no sabe algo, tiende a evitarlo.

    Comprender a su audiencia es muy importante y las descripciones del menú no son necesarias para cada elemento. Por ejemplo, muchos sitios web comerciales tendrán un elemento de menú llamado Servicios, pero es posible que esto no sea claro para todos. Agregar una breve descripción probablemente lo dejará muy claro.

    Método 1: Max Mega Menú

    El primer método que describiré implicará el uso del complemento Max Mega Menu . Recomiendo encarecidamente este enfoque si no se siente cómodo con la codificación. Este complemento le permite agregar descripciones en cualquier menú de su sitio web.

    Nota: Tenga en cuenta que si aún no ha configurado un menú , este tutorial no le servirá de nada.

    Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Agregar nuevo

    Busque Max Mega Menu en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Busque Max Mega Menu en el cuadro de búsqueda disponible.

    Desplácese hacia abajo hasta que encuentre el complemento Max Mega Menu y haga clic en el botón "Instalar ahora" y active el complemento para su uso.

    haga clic en el botón "Instalar ahora"

    Adición de descripciones de menú

    Con la instalación fuera del camino, está listo para comenzar. Afortunadamente, este complemento es bastante fácil de configurar.

    En el panel de administración de la izquierda, haga clic en Mega Menú y seleccione la opción Configuración general. Esto abrirá la página de configuración principal del complemento.

    haz clic en Mega Menú y selecciona la opción Configuración general.

    Examine todos los elementos de la página y busque la opción "Descripciones de los elementos del menú". Aquí puede habilitar o deshabilitar las descripciones. Asegúrese de que la opción "Habilitado" esté seleccionada y haga clic en el botón "Guardar cambios".

    haga clic en el botón "Guardar cambios".

    Esto habilitará completamente las descripciones del menú en su sitio web, pero tenga en cuenta que tendrá opciones de formato muy limitadas. Ahora necesita agregar descripciones de menú. En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Menús.

    haz clic en Apariencia y selecciona la opción Menús.

    Aquí es donde se encuentran todas las configuraciones del menú. En el lado izquierdo de la página, debería ver un cuadro u opción de Configuración del menú Max Mega. Marque la casilla "Habilitar" y haga clic en el botón "Guardar". Esto permitirá que el complemento se ejecute.

    Marque la casilla "Habilitar" y haga clic en el botón "Guardar".

    Todo lo que queda por hacer es agregar la descripción del menú. En la parte superior de la pantalla, debería ver un menú desplegable de Opciones de pantalla. Haga clic en él y marque la casilla de descripciones. Si no hace esto, no verá una opción para escribir la descripción. Ahora haga clic en el elemento del menú al que le gustaría agregar una descripción y escriba en el cuadro de descripción. Haga clic en el botón "Guardar menú" para guardar su trabajo. Ahora puede ver la descripción del menú en su sitio web.

    Ahora puede ver la descripción del menú en su sitio web.

    Felicitaciones, ahora puede agregar una descripción a cada elemento del menú en su sitio web. Tenga en cuenta que la descripción debe ser lo más breve posible. Unas pocas palabras como mucho.

    Método 2: Codificación

    Este método requerirá la edición de varios archivos, pero no es demasiado complicado. Antes de comenzar, asegúrese de crear una copia de seguridad de su sitio web y tener acceso a su cPanel. Se le otorga acceso desde su proveedor de alojamiento web cuando crea una cuenta.

    Encontrar Funciones.php

    Comencemos iniciando sesión en cPanel y haciendo clic en la opción Administrador de archivos. El Administrador de archivos le permitirá acceder a todos los archivos relacionados con su sitio web.

    Haga clic en la opción Administrador de archivos.

    Necesita ubicar el archivo functions.php de su tema. Haga clic en el directorio public_html, luego haga clic en la carpeta wp-content. Dentro de esta carpeta, encontrarás todo el contenido relacionado con tu sitio web. Haga clic en la carpeta de temas e ingrese a la carpeta del tema que está utilizando actualmente. Finalmente, haz clic derecho en el archivo functions.php y selecciona la opción Editar.

    Seleccione la opción "Editar".

    Aparecerá una ventana emergente. Este cuadro le advertirá que cree una copia de seguridad de sus archivos antes de editar cualquier cosa. Esto asegurará que pueda revertir su sitio web a cuando estaba funcionando si algo sale mal. Haga clic en el botón "Editar". Se abrirá una nueva pestaña que contiene todo el código del archivo.

    Haga clic en el botón "Editar".

    Agregar descripciones de menú con código

    Debe pegar el siguiente código en el archivo functions.php:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]class Menu_With_Description extiende Walker_Nav_Menu {

    función start_el(&$salida, $elemento, $profundidad, $argumentos) {


    global $wp_query;


    $sangría = ( $profundidad ) ?
    str_repeat( “t”, $profundidad ) : ”;

    $nombres_de_clase = $valor = ”;

    $clases = vacío( $elemento->clases) ? matriz() : (matriz) $elemento->clases;

    $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );

    $nombres_de_clase = 'clase=”' .
    esc_attr( $nombres_de_clases) . '”';

    $salida .= $sangría . '<li id=”elemento-menú-'. $elemento->ID. '”' . $valor . $nombres_clases .'>';

    $atributos = ! vacío( $elemento->attr_title ) ? 'título=”' . esc_attr( $item->attr_title ) .'”' : ”;

    $atributos .= !
    vacío( $elemento->objetivo) ? 'objetivo=”' . esc_attr( $elemento->destino ) .'”' : ”;


    $atributos .= !
    vacío( $elemento->xfn ) ? 'rel=”'. esc_attr( $elemento->xfn ) .'”' : ”;


    $atributos .= !
    vacío($elemento->url)? 'href=”' . esc_attr( $elemento->url ) .'”' : ”;

    $item_output = $args->before;

    $elemento_salida .= '<a'.
    $atributos .'>';


    $item_output .= $args->link_before .
    apply_filters('the_title', $item->title, $item->ID ) . $argumentos->enlace_después;


    $item_output .= '<br /><span class=”sub”>' .
    $elemento->descripción. '</span>';


    $elemento_salida .= '</a>';


    $item_output .= $args->después;

    $salida .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $profundidad, $args );

    }


    }


    [/ht_mensaje]

    El código de Walker Nav agregará la funcionalidad para mostrar descripciones de menú a su tema.

    Una vez que haya insertado el código en el archivo functions.php, haga clic en el botón "Guardar cambios" para finalizar.

    Haga clic en el botón "Guardar cambios".

    Con la funcionalidad agregada, es hora de habilitarla. Esta parte depende del tema. Debe localizar la función wp_nav_menu(). Esto generalmente se encuentra en su archivo header.php, pero puede ubicarse en otros lugares en diferentes temas. Edite la función para que tenga el siguiente aspecto:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<?php $walker = new Menu_With_Description; ?>

    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'walker' => $walker ) ); ?>

    [/ht_mensaje]

    Guarda tu trabajo.

    Ahora viene la parte complicada del peinado.

    Una vez que se agrega la línea anterior, está listo para comenzar a agregar descripciones. Este es un ejemplo de cómo se ve una descripción en forma de código:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<li id=”menu-item ” class=”menu-item menu-item-type-post_type menu-item-object-page”><a href=”https://www.MyExampleWebsite.com/Home/”>Home<br /><span class ="sub">Esto es una prueba.</span></a></li>

    [/ht_mensaje]

    Felicitaciones, ha agregado con éxito descripciones de menú a su sitio web. Si algo lo confunde en este método, recomendaría usar el método del complemento.

    Haga que su sitio web sea fácil de navegar

    Hay menús para ayudar a los visitantes a navegar por su sitio web. Algunas palabras adicionales como descripción ayudarán a que todos los elementos de su menú sean más fáciles de entender. Esto es importante para los visitantes que pueden no saber de qué se trata su sitio web o si su sitio web es diferente de los demás. Hágales saber a las personas qué es diferente y cómo les afecta.

    ¿Qué método ha elegido utilizar? ¿Con qué frecuencia elige un método de complemento en lugar de un método de codificación?










  • Subir