Hoy vas a aprender 10 formas de instalar menús acordeón en Temas Worpress!

Estos menus te ayudaran a organizar tu blog, y que tu sitio web tenga un aspecto más profesional y, posiblemente, a ahorrar valiosos espacios en tu diseño. El espacio en un blog es tan importante como lo es en el mundo real (sobre todo en zonas congestionadas), de las que se necesita sacar el máximo provecho como sea posible.

Los menús Acordeón obtienen su nombre del instrumento musical del mismo nombre. Much like the bellows going in and out as someone plays music on an accordion, an accordion menu expands and contracts from user interaction, one section at a time. Al igual que el fuelle entra y sale cuando  alguien toca música en un acordeón, un menú acordeón se expande y contrae a partir de la interacción del usuario.

De esta manera los títulos de nivel superior se muestran en todo momento, pero las sub-categorías y objetos sólo son expuestos, ya que cada sección se amplía. Sus visitantes sólo ven lo que necesitan en cada momento.

El acordeón se utiliza en los menús de navegación de los blog, y, por supuesto, cada blog es diferente, por lo que puede tener el menú de navegación en la cabecera, en la barra lateral (s), en el pie de página, o cualquier combinación de éstos. Yo te mostraré muchos ejemplos, que podrás utilizar para las páginas, los artículos, categorías, imágenes, y mucho más.

También podrá ver diferentes formas de ponerlos en práctica, desde plugins, el tema “hacks”, o mediante el uso de bibliotecas especiales.
Super Slider Wordpress Plugin
SuperSlider is a Wordpress plugin “suite” that does many things, including slideshows, image reflections, and image zooming capability. SuperSlider es un plugin de Wordpress “suite” que hace muchas cosas, incluidas las presentaciones de diapositivas de imagen reflejos y capacidad de zoom de imagen. It’s accordion capabilities are what we’re interested in, so we’ll look at that section of the plugin suite (which runs on Mootools). Es la capacidad de acordeón es lo que estamos interesados en, por lo que veremos en esa sección de la suite de plug-in (que se ejecuta en Mootools).

1. Menu de Navegacion SuperSlider :

SuperSlider también le permite crear un menú acordeón para la navegación en la columna lateral, como el que se muestra en su propio sitio web. Tienes la oportunidad de organizar las categorías y entradas en un solo elemento de navegación con este plugin - que creo que es mucho más intuitivo que la lista de categorías de Wordpress que viene por defecto y la lista de los últimos posts. Incluso puedes añadir enlaces RSS y cuentas RSS en el menú. El menú es muy personalizable a través de la interfaz de administrador, basado en temas, y las animaciones son CSS.

Aquí tienes un ejemplo muy detallado del Sitio Web de superslider:

Visite la página de SuperSlider

2. Menú Acordeón BySlideMenu :

Los menús Acordeón no tienen porque ser verticales, pueden ser horizontales también. Este menú es una gran imagen deslizante (sobre la base de Mootools) que puede ser fácilmente integrada en la cabecera de su tema de wordpress simplemente pegando unas pocas líneas de código y cargando algunos archivos.

Se requiere más trabajo que en un  simple plugin para su configuración, pero yo lo uso en uno de mis sitios y a todo el mundo le encanta!

He aquí un ejemplo de BySlideMenu en acción:

Visite la página de BySlideMenu

3. Plugin Acordeón Menú Imagen:

Este menú es un plugin de wordpress que te permite crear una imagen basada en el menú vertical.

Aquí un ejemplo:

La imagen no hace justicia, tendrá que ver la demo en la página del plugin. Básicamente los elementos tienen una imagen de fondo, y al pasar el ratón por encima el menú se expande para mostrar la imagen más completa con un increíble efecto.

Tiene algunas funciones muy útiles también para diferentes aplicaciones, como la capacidad de combinar las categorías y las páginas en cualquier orden.

Visite la página del Acordeón Menú Imagen

4. Plugin Post History Manager:

Post History Manager es un plug-in extraño, pero funciona muy bien. It’s named post history manager because it’s a sidebar widget that manages 4 different kinds of “post history”; posts, comments, categories, and archives . Es llamado post history manager porque es un widget de la barra lateral que gestiona 4 diferentes tipos de “post historicos”; posts, comentarios, categorías, y archivos.

Es simple, pero funciona muy bien. Al principio sólo se muestran los 4 , pero basta con hacer clic en cualquiera y se ampliará automáticamente el “acordeón” con estilo vertical.

Visita la página del menú.

5. Plugins Sliding Notes :

Otro menú interesante es el plugin de acordeón “Sliding Notes”. Básicamente te permite añadir un elemento oculto, una nota al pie de página, una traducción, un código, un lado, información biológica, etc-y luego se desliza para ser revelada (o se ven diapositivas nuevas al hacer clic de nuevo).

Mediante el uso de shortcodes, puede añadir estas notas moviles en cualquier lugar del contenido en todos los posts, creo que incluso varias instancias. También es muy, muy fácil de personalizar el estilo de estos con CSS.

He aquí un ejemplo del deslizamiento de las notas para ocultar una simple traducción después de un artículo:

Visite la página de Sliding Notes

6. Acordeon View Widget :

Tal vez hayas visto todos estos ejemplos, y ninguno hasta ahora te ha hecho cosquillas. No pasa nada, porque no hay código, que no haga cualquier cosa que desees. Yahoo hace tiempo que había creado toda una biblioteca de efectos que nadie puede usar en su sitio web de código libre, y Acordeón View Widget no es una excepción.

Este widget puede ser de cualquier tamaño, contener  todo el contenido, estilo y casi cualquier forma que desee.

Aquí un ejemplo en la imagen:

Visite la página del AcordeónView Widget

7. Menús Deslizantes flexibles :

Los menús Deslizantes flexibles le permiten colocar sus enlaces, los posts y categorías, en un menú estilo acordeón -, pero este tiene un toque especial porque en lugar de estar construído con librerías como MooTools o jQuery, está construido sobre Flash!

Añada una simple llamada en la columna lateral, suba el plugin y el archivo swf, que quiera, configure sus opciones y ya estará listo!

He aquí un ejemplo en la imagen:

Visite la página de Menús Deslizantes

8. Widgets de pestañas :

Los widgets pestañas son otro plugin mal llamado, ya que no describen completamente lo que hace. Se trata de un artilugio que es capaz de producir pestañas de acordeón con estilo de widgets.

Usted puede configurar varias opciones del widget, y tiene varias estilo acordeón, un acordeón, una pestañas, etc

Aquí tienes un ejemplo del widget de acordeón:

Quiero mostrar que fácil es la configuración:

Visite la página Widgets de pestaña.

9. Alerón Avanzado :

Al igual que el Sliding Notes anterior, el menú Alerón Avanzado le permite ocultar algunos contenidos y hacer clic para “ampliar” la vista.

Este Plugin puede  ser utilizado para ocultar casi cualquier cosa, como notas a pie de página, bioenergía, datos adicionales, etc Usted puede agregar contenido, imágenes, o ambos.

Este ejemplo muestra el ‘alerón’ ya expandido.

Visite la página de Alerón avanzado.

10. Acordeón Slidoox horizontal deslizante :

Slidoox es un menú deslizante muy interesante basado en Mootools que tiene algunos efectos muy frescos. Puedes cambiar el tamaño, color, y fondo con la hoja de estilos.

Es muy difícil describir cómo trabaja, básicamente en la instalación se define una caja rectangular, como el tamaño de su área de contenido o de cabecera. En la parte superior de la caja están los nombres de los contenidos que usted defina. A diferencia de otros menús al pulsar sobre un tema en la parte superior de la caja, las “diapositivas” varían de derecha a de izquierda - y el contenido puede ser texto, imágenes, o una combinación.

Definitivamente, este menú podría ser utilizado para contenido destacado, y mucho más!

Me sugieren ver la demostración en vivo: haga clic para ver la demo Slidoox acordeón deslizante

Visite la página del plugin Slidoox

Espero que puedas llevar a cabo cualquier Menú que se te antoje y que este artículo te haya resultado útil. Si te gusta lo que escribimos puedes seguir las actualizaciones subscribiédote a nuestro FEED RSS 2.0.

Via ProBlogDesingn