Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.

ar Pgina: 1
Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Max Mega Menu, por Tom Hemsley - Documentacin
maxmegamenu.com

Copyright 2015

Todos los derechos reservados

Se distribuye bajo una Licencia Creative Commons Atribucin 4.0

Internacional.

Traducida en abril de 2015 por Ana Ayeln Martnez

caribdis.com.ar

Versin: 1.0 para Max Mega Menu 1.7.x

N. de. T.: Algunas imgenes de esta documentacin contienen trminos en su idioma

original, debido a que no estn disponibles para traducir en los archivos de
localizacin incluidos en el plugin.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 2

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
ndice
Instalacin........................................................................................................................4
Requisitos...................................................................................................................................4

Instalacin..................................................................................................................................4

Activar Max Mega Menu...........................................................................................................5

Crear un men.................................................................................................................................. 5

Asignar un men a una ubicacin del tema...................................................................................6

Activar Max Mega Menu para una ubicacin del tema.................................................................6

Configurar el men........................................................................................................................... 7

Mega Mens....................................................................................................................8
Mostrar elementos de men en un Mega Men..................................................................8

Mostrar Widgets en un Mega Men.......................................................................................9

Cambiar el nmero de columnas..........................................................................................11

Mens desplegables.....................................................................................................11
Alineacin del men desplegable.........................................................................................12

Iconos de men.............................................................................................................12
Icono de elemento de men.................................................................................................12

Opciones de elemento de men.................................................................................13

Ajustes de elemento de men..............................................................................................13
Ocultar texto.................................................................................................................................... 14
Ocultar flecha.................................................................................................................................. 14

Alineacin de elemento de men................................................................................................. 14

Alineacin de mens desplegables............................................................................................... 14

Alineacin de Mega Mens............................................................................................................ 14

Ajustes generales..........................................................................................................15
Salida CSS.................................................................................................................................15
Poner en cola dinmicamente va admin-ajax.php (predeterminado)......................................15

Guardar al sistema de archivos (recomendado)..........................................................................15

Salida en <head>............................................................................................................................. 15

No dar salida al CSS........................................................................................................................ 16

Comportamiento del evento clic...........................................................................................16

Editor de tema.........................................................................................................................17

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 3

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Instalacin
Requisitos
1. WordPress 3.8+
2. Su tema debe soportar los mens de WordPress 3. Para verificar esto,
vaya a Apariencia > Mens. En la configuracin de los mens debe tener al
menos una Ubicacin del tema seleccionada.

Instalacin
Para instalar Mega Menu, vaya a Plugins > Aadir nuevo y busque Max Mega Menu.
En los resultados de bsqueda seleccione Max Mega Menu y haga clic en el botn
Instalar plugin.

Luego de la instalacin ver los siguientes cambios en el Escritorio de WordPress:

1. En la seccin Apariencia > Mens, habr un panel denominado Ajustes de

Mega Men en la parte izquierda.
2. En la seccin Apariencia > Mens, aparecer un enlace Mega Men al posar
el puntero del ratn sobre cada elemento del men.
3. Habr un elemento nuevo (Mega Men) dentro del men Apariencia.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 4

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Activar Max Mega Menu

Crear un men
Si an no tiene un men configurado, deber crear uno nuevo. Para crear un
nuevo men, vaya a Apariencia > Mens y haga clic en el enlace crea un nuevo
men.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 5

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Asignar un men a una ubicacin del tema
WordPress le permite crear un nmero ilimitado de mens, pero su tema slo
soportar una cantidad determinada de ubicaciones. La ubicacin del tema es el
nombre que se le da a un rea dentro del tema donde se muestra un men. Las
ubicaciones comunes de los temas son: Principal, Pie, Superior, etc. En WordPress
debe especificar cul es el men que desea mostrar, asignando un men a cada
ubicacin del tema dentro de la seccin Mens.

Dentro de Apariencia > Mens, cree un nuevo men o use un men existente.
Asegrese de que el men est asignado a una ubicacin del tema.

Activar Max Mega Menu para una ubicacin del tema

Una vez que ha creado el men y lo ha asignado a una ubicacin, ver los Ajustes
de Mega Men en la parte izquierda.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 6

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Haga clic en la casilla Activar y luego clic en el botn Guardar. Su men ahora se
transformar en un mega men para la ubicacin correspondiente.

Si su men est asignado a ms de una ubicacin del tema, ver los ajustes de
Mega Men para cada ubicacin. Active Max Mega Menu para la ubicacin del
tema requerida.

Configurar el men
Una vez que Max Mega Menu ha sido activado para una ubicacin del tema, cada
elemento del men mostrar un botn Mega Men al posar el puntero del ratn.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 7

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Al hacer clic en el botn Mega Men se cargar el panel de ajustes para ese
elemento del men:

Mega Mens
Mega Men es el nombre que se le da a un panel amplio de contenido que se
muestra debajo de un elemento del men cuando el usuario hace clic o posa el
puntero del ratn sobre ese elemento. Se puede acceder al editor del Mega
Men al hacer clic en el botn Mega Men en un elemento del men.

Mostrar elementos de men en un Mega Men

Para convertir un men desplegable en un mega men, seleccione la casilla
Activar Mega Men en el editor de Mega Men.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 8

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Si est presente, cada elemento secundario del men se mostrar en el editor de
Mega Men. Cada recuadro del elemento secundario se expandir o contraer si
usa las flechas izquierda y derecha para ocupar ms o menos ancho dentro del
mega men.

Mostrar Widgets en un Mega Men

Seleccione un widget para aadir a un mega men usando el selector de la parte
superior derecha del editor de Mega Men. El selector de widgets listar todos
los widgets instalados en su sitio WordPress.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 9

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Para editar un widget, haga clic en la flecha del extremo derecho del panel:

Use las flechas izquierda y derecha en los widgets para expandir o contraer un
widget.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 10

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Cambiar el nmero de columnas
Los mega mens se pueden ajustar para mostrar de 1 a 8 columnas de
contenido. Los submens y los widgets pueden expandirse en columnas
mltiples. Cada mega men se puede configurar para usar un nmero distinto
de columnas.

Use el selector desplegable de la parte superior derecha de los ajustes del mega
men para cambiar el nmero de columnas:

Mens desplegables
Los elementos jerrquicos de mens se mostrarn en un men desplegable de
manera predeterminada. No es necesaria ninguna configuracin adicional,
simplemente asigne la jerarqua deseada a cada elemento dentro del editor de
mens de WordPress.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 11

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Los mens desplegables muestran un nivel de elementos de men a la vez,
expandindose a medida que el usuario posa el puntero del ratn o hace clic
sobre ellos.

Alineacin del men desplegable

De manera predeterminada, el men desplegable se alinear del lado izquierdo
del elemento superior. Para alinear el men desplegable a la derecha (y hacer
que los submens se desplieguen hacia la izquierda), cambie la opcin Alineacin
de submen en los ajustes del mega men para el elemento superior.

Iconos de men
Icono de elemento de men
Max Mega Menu permite asignar un icono para cada elemento del men. Para
asignar un icono, abra el panel de ajustes de mega men y haga clic sobre la
pestaa Icono de men de la parte izquierda.

Puede seleccionar cualquiera de los iconos integrados de WordPress (Dashicons).

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 12

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Opciones de elemento de men
Ajustes de elemento de men

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 13

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Ocultar texto
Para ocultar el texto del elemento del men, haga clic en la opcin Ocultar texto y
luego clic en el botn Guardar cambios. Esto es til para mostrar iconos de redes
sociales en el men, donde slo es necesario el icono.

Ocultar flecha
Para ocultar la flecha indicadora del elemento del men, haga clic en la opcin
Ocultar flecha y luego clic en el botn Guardar cambios.

Alineacin de elemento de men

Los elementos de men se alinean de manera predeterminada a la izquierda del
men. Para alinear un elemento del men a la derecha (por ejemplo, para los
iconos de redes sociales), abra el panel de ajustes de mega men para el
elemento correspondiente y haga clic en la pestaa Ajustes generales de la parte
izquierda. Luego seleccione Derecha del men desplegable Alineacin de elemento
de men y haga clic en Guardar cambios.

Nota: los elementos de men alineados a la derecha aparecern en orden

inverso en la parte derecha del men. Para suprimir este efecto, invierta el orden
de los elementos en el men creado.

Alineacin de mens desplegables

De manera predeterminada, los mens desplegables se alinearn del lado
izquierdo del elemento superior y se desplegarn hacia la derecha. Puede
invertir este efecto (alinear a la derecha y desplegar hacia la izquierda),
seleccionando Derecha del men desplegable Alineacin de submen.

Alineacin de Mega Mens

De manera predeterminada, los mega mens tienen un ancho del 100%, de
manera tal que alinearlos a la derecha o a la izquierda no tendr ninguna
consecuencia visible.

Si, por el contrario, ha asignado un valor fijo en pxeles al ancho del mega men
(en el editor de temas), puede alinearlo a la derecha desde la opcin Alineacin
de submen.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 14

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Ajustes generales
Salida CSS
Max Mega Menu genera automticamente el cdigo CSS requerido para mostrar
el men. La opcin Salida CSS le permite elegir de qu manera se agrega el CSS a
su pgina.

Poner en cola dinmicamente va admin-ajax.php (predeterminado)

Cuando est seleccionada esta opcin, el CSS tendr salida en su pgina HTML
de esta manera:

<link rel='stylesheet' id='megamenu-css' href='https://maxmegamenu.com/wp-

admin/admin-ajax.php?action=megamenu_css&ver=1.7' type='text/css'
media='all' />

El CSS es tomado dinmicamente de la cach (creando una llamada extra a

WordPress) y por lo tanto puede hacer ms lenta la carga en determinadas
instalaciones de WordPress.

Guardar al sistema de archivos (recomendado)

Cuando est seleccionada esta opcin el CSS se guardar automticamente en el
directorio /wp-content/uploads/

<link rel='stylesheet' id='megamenu-css' href='https://maxmegamenu.com/wp-

content/uploads/maxmegamenu/style.css?ver=f399f6' type='text/css'
media='all' />

Esta opcin fue introducida en Max Mega Menu versin 1.7.

Si el CSS no se puede guardar automticamente (debido a los permisos del

servidor), o si se detecta que el archivo CSS fue editado manualmente, Max Mega
Menu emplear la opcin Poner en cola dinmicamente va admin-ajax.php.

Este mtodo de salida CSS es mucho ms rpido que la opcin Poner en cola
dinmicamente va admin-ajax.php y probablemente ser el mtodo
predeterminado a partir de la versin 1.8.

Salida en <head>
Cuando est seleccionada esta opcin el CSS ser minimizado y colocado en un
bloque <style> en lnea.

<style type="text/css">#mega-menu-wrap-primary_navigation.......</style>

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 15

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Esta opcin es rpida, pero como resultado el cdigo fuente de la pgina no
lucir tan prolijo.

No dar salida al CSS

Esta opcin impedir que Max Mega Menu d salida a ningn cdigo CSS en su
pgina. Tendr que poner en cola su propio CSS para el men, para que funcione
correctamente (por ejemplo, aadindolo a la hoja de estilos del tema).

Comportamiento del evento clic

Si selecciona Clic en el evento del men, o si est viendo su sitio en un dispositivo
con pantalla tctil (donde el evento automticamente se cambiar a Clic), este
ajuste define qu debe suceder cuando se hace un segundo clic sobre un
elemento del men que tiene un submen.

De manera predeterminada, el primer clic (o toque) en un elemento del men

abre el submen, y el segundo clic cierra el submen. Esto hace que sea
imposible seguir el enlace en s mismo. Si desea que los usuarios tengan la
posibilidad de seguir el enlace, asigne esta opcin a El primer clic abrir un
submen, el segundo clic seguir el enlace.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 16

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com
Editor de tema
En la seccin Apariencia > Max Mega Menu > Editor de tema encontrar una serie
de opciones que le permitirn editar la apariencia de sus mens. Max Mega Menu
trae un tema integrado (Predeterminado), pero usted puede crear sus propios
temas.

El Editor de tema le permitir modificar todos los aspectos del estilo del men,
incluso las fuentes, el color y el tamao (altura) de sus mens.

Para crear un tema nuevo, vaya a Apariencia > Max Mega Menu > Editor de tema y
haga clic en el enlace cree un nuevo tema (o como alternativa, puede hacer clic en
el enlace duplique este tema). Haga todos los ajustes que necesite y luego haga
clic en el botn Guardar cambios.

Para aplicar el tema nuevo a un men, deber volver a Apariencia > Mens, y
seleccionar el nuevo tema del men desplegable Tema dentro de los Ajustes de
Mega Men.

Confeccionada y traducida por Ana Ayeln Martnez caribdis.com.ar Pgina: 17

Max Mega Menu, de Tom Hemsley - Documentacin maxmegamenu.com