Menú avanzado ATR - KolMitE

Menú avanzado ATR

Menú avanzado ATR

enero 6, 2021 General 0

Descripción

Cree fácilmente un menú mega / desplegable accesible con imágenes / iconos / título / publicaciones utilizando la página de edición de menú estándar de WordPress (admite la interacción del teclado).
Agregue íconos de elementos de menú e imágenes de la biblioteca de medios, fuente de íconos o imagen destacada de la publicación (automáticamente).
Cree elementos de menú sin contenido estándar, como videos, contenido de publicaciones o cualquier cosa que se pueda poner en una publicación.

Nota: Este complemento requiere un cambio del archivo header.php de su tema (u otro archivo, si el menú está definido en otro lugar).
También requiere la edición CSS para darle estilo. Técnicamente funcionará fuera de la caja, pero solo debes diseñarlo.

Vea una demostración aquí:

Consulte la guía de edición del menú aquí:

Caracteristicas

  1. Guarde cada elemento sin recargar la página.
  2. Cada elemento del menú se controla por separado
  3. Muestra imágenes en los elementos del menú. Seleccione entre el icono de fuente, la imagen de la biblioteca de medios, la imagen destacada de la publicación o ninguna.
  4. Además de la imagen que puedes mostrar en el menú: Atributo de Título, Descripción y Subtítulo.
  5. Los elementos del menú pueden cargar una publicación completa (por lo tanto, le permite inyectar html, video, imagen, etc. o incluso un código corto) o publicar un extracto directamente en ella.
  6. Elimine el título (y el enlace) del elemento del menú (si desea que el elemento del menú con la publicación no muestre el título del menú).
  7. Cargue la fuente web directamente desde la configuración del menú.
  8. Le permite definir una clase única para cada panel desplegable. De esta forma, puede controlar la distribución de cada panel por separado.
  9. Utiliza el prefijo de clase para evitar conflictos de CSS.

Toda la edición del menú se realiza mediante el conocido editor de menús de wordpress.

Capturas de pantalla

  • Descripción de la primera captura de pantalla llamada screenshot-1
  • Descripción de la segunda captura de pantalla llamada screenshot-2

Instalación

Nota: Debe definir un menú válido en su WP antes de activar el complemento para que funcione correctamente.
Si ve un error con respecto a este complemento, desactívelo y configure un menú primero.

La instalación se puede realizar buscando “Menú avanzado ATR” a través de la pantalla “Complementos> Agregar nuevo” en su panel de WordPress, o siguiendo los siguientes pasos:

  1. Descargue el complemento a través de WordPress.org
  2. Cargue el archivo zip a través de la pantalla ‘Complementos> Agregar nuevo> Cargar’ en su panel de WordPress
  3. Active el complemento a través del menú ‘Complementos’ en WordPress

Después de la instalación:

¡Importante! Debes editar el archivo header.php de tu tema para poder usar el menú.
Edite el archivo header.php de su tema y agregue ‘walker’ => new atr_advanced_menu_walker () a wp_nav_menu. :

add to this:

<pre><?php wp_nav_menu( array( 
    'theme_location' => 'primary', 
    'menu_class' => 'nav-menu', 
    'menu_id' => 'primary-menu' 
    ) ); ?></pre>

Ver la última propiedad:

 <pre><?php  
        wp_nav_menu( array(
        'theme_location'    => 'primary',
        'menu_class' => 'nav-menu',
        'menu_id' => 'primary-menu',
        'walker' => new atr_advanced_menu_walker()
        ) );  
        ?></pre>    

Nota 1: Si usa un tema que usa una llamada indirecta a la definición del menú (principalmente en temas comprados o temas que usan un marco), tendrá que encontrar la forma correcta de aplicar el complemento en ese tema.

Nota 2: Examine la clase del div contenedor de menú en su tema (como ‘menu_class’ => ‘nav-menu’ en el ejemplo anterior). Por lo general, esta clase de tema tiene propiedades que anulan las definiciones css del complemento y pueden estropear su menú.

Si eso sucede, simplemente especifique la regla CSS así:
Busque la regla que rompe el menú, por ejemplo:
.main-navigation ul ul {}
Duplíquelo y agregue “.megamenu” (el contenedor para el menú generado del complemento) como un selector explícito.
.main-navigation .megamenu ul ul {}

También tendrá que configurar las otras clases para que el menú se muestre bien.

Configuraciones

Inmediatamente después de activar el complemento, vaya a Apariencia -> Configuración avanzada del menú ATR
Establezca su configuración y guarde.

Preguntas más frecuentes

¿Para qué sirve el menú avanzado de ATR?

Es un reemplazo del menú predeterminado proporcionado por WordPress. Utiliza una función de WordPress, llamada Walker, que nos permite personalizar la forma en que se comporta el menú.

¿Por qué tengo que ir a header.php? No soy programador

La única forma de reemplazar el menú predeterminado es desde el archivo de encabezado.
Si no sabe cómo hacerlo, pregunte a alguien que sepa.

¿Es accesible?

Si. Puede navegar entre los elementos con su teclado.

Reseñas

Excelente

fmarconi
10 de noviembre de 2020
Gracias, este es un tesoro escondido. Aunque requiere algo de trabajo. Lo he implementado en Kadence Theme.

Leer la 1 reseña

Colaboradores y desarrolladores

El “menú avanzado de ATR” es un software de código abierto. Las siguientes personas han contribuido a este complemento.

Colaboradores

  • yehudaT

Traduzca “menú avanzado ATR” a su idioma.

Interesado en el desarrollo?

Explore el código, consulte el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.0.4

  • 2020-8-12
  • Probado para WP 5.5
  • Probado para Woocommerce 4.3.2
  • cambiado $ (‘. atr-menu-save’). live (‘click’, function a $ (‘. menu-item-settings’). on (‘click’, ‘.atr-menu-save’, function
    en admin js atr-am-admin.js

1.0.3

  • 2019-6-15
  • Probado para WP 5.2.1
  • Probado para Woocommerce 3.6.4
  • Condición agregada para evitar que get_woocommerce_term_meta arroje un aviso obsoleto. Dado que WooCommerce ya no admite versiones de WP inferiores a 4.4, los contenedores ya no son necesarios y en su lugar se pueden usar funciones nativas de WordPress. https://github.com/woocommerce/woocommerce/wiki/3.6.x-notes-FAQ

1.0.2

  • 2016-9-09
  • Comprobado para WP 4.6.1
  • Hizo la configuración más clara
  • Cambiar el comportamiento de la configuración.
  • megamenu.css ahora carga solo las clases obligatorias

1.0.1

  • 2016-9-08
  • Var de Chooseimage indefinida fija

1.0

  • 2016-9-05
  • Versión inicial

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta