{"id":215,"date":"2018-02-12T13:20:01","date_gmt":"2018-02-12T12:20:01","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?p=215"},"modified":"2018-03-16T20:05:34","modified_gmt":"2018-03-16T19:05:34","slug":"los-mega-menus","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/","title":{"rendered":"Los mega men\u00fas"},"content":{"rendered":"<h2>1. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven<\/h2>\n<p>Los <a href=\"https:\/\/www.nngroup.com\/articles\/mega-menus-work-well\/\" target=\"_blank\" rel=\"noopener\">mega men\u00fas<\/a> son un tipo de men\u00fa en el cual se muestran muchos elementos a la vez, en un dise\u00f1o desplegable de dos dimensiones. Son un recurso muy apropiado cuando se trata de dar cabida a un gran n\u00famero de opciones, o de mostrar todos los niveles de un sitio web de un vistazo. Pues bien, aunque el sistema de men\u00fas de WordPress es muy potente, y desde luego muy f\u00e1cil de utilizar, no permite operar sobre los aspectos m\u00e1s caracter\u00edsticos de este tipo de men\u00fa, a saber:<\/p>\n<ul>\n<li>La presentaci\u00f3n de todos los elementos y subelementos del men\u00fa de forma simult\u00e1nea.<\/li>\n<li>El agrupamiento de los elementos y subelementos del men\u00fa en estructuras complejas.<\/li>\n<li>La posibilidad de realizar alineamientos horizontales o\/y verticales de los men\u00fas, seg\u00fan decisi\u00f3n del usuario.<\/li>\n<li>La inserci\u00f3n de contenidos especiales, como por ejemplo im\u00e1genes, formularios de b\u00fasqueda, etc.<\/li>\n<li>La inserci\u00f3n de widgets.<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h2>2. C\u00f3mo crear mega men\u00fas y algunos ejemplos de uso<\/h2>\n<p>Aunque algunos temas llevan incorporada la posibilidad de utilizar un mega men\u00fa, el recurso m\u00e1s habitual cuando se quiere utilizar esta funcionalidad en un sitio web es hacerlo mediante el correspondiente plugin. De entre los existentes, recomendamos <a href=\"https:\/\/wordpress.org\/plugins\/megamenu\/\" target=\"_blank\" rel=\"noopener\">Max Mega Menu<\/a>, ya que es gratuito (existe tambi\u00e9n una versi\u00f3n de pago), potente y permite un elevad\u00edsimo grado de personalizaci\u00f3n.<\/p>\n<p>En esta segunda sesi\u00f3n del curso explicaremos brevemente los principios constructivos de los mega men\u00fas e ilustraremos el uso de esta funcionalidad con el ejemplo del sitio web del <a href=\"http:\/\/iesbasoko.educacion.navarra.es\/web\/\" target=\"_blank\" rel=\"noopener\">IES Basoko<\/a>, donde se utiliza este plugin. Inevitablemente nuestro acercamiento a la elaboraci\u00f3n de mega menus ser\u00e1 superficial; as\u00ed pues, recomendamos a quien est\u00e9 interesado en este plugin que vea atentamente los videotutoriales que hemos incluido. Tambi\u00e9n recomendamos la consulta de la complet\u00edsima <a href=\"https:\/\/www.megamenu.com\/documentation\/\" target=\"_blank\" rel=\"noopener\">documentaci\u00f3n<\/a> del plugin (en ingl\u00e9s) para encontrar instrucciones sobre c\u00f3mo configurarlo y utilizarlo.<\/p>\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/LBOrsbp1EnQ\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/6vx151V3oec\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/44dJwP1AXT8\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/BWTUEa002Uw\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/Pm67pJKyyHU\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<h2>3. Recomendaciones a la hora de utilizar los mega men\u00fas<\/h2>\n<p>Los mega men\u00fas pueden resultar muy tentadores por su vistosidad, su potencia y sus aplicaciones pr\u00e1cticas. Sin embargo, no conviene hacer uso de ellos a la ligera. De aqu\u00ed las siguientes recomendaciones:<\/p>\n<ul>\n<li>No deben utilizarse como un mero elemento ornamental.<\/li>\n<li>Solo resultan apropiados para estructuras de navegaci\u00f3n complejas, que utilizan muchos elementos diferentes o que incluyen widgets y otros contenidos que WordPress no puede mostrar por s\u00ed mismo.<\/li>\n<li>Hay que evaluar muy rigurosamente si merece la pena crear un mega menu. Los men\u00fas con un n\u00famero excesivo de elementos son dif\u00edciles de entender por muchos usuarios, y pueden conseguir el efecto contrario al deseado.<\/li>\n<li>Hay que vigilar estrechamente su correcta integraci\u00f3n con el dise\u00f1o del tema escogido para el sitio web.<\/li>\n<li>Es necesario comprobar el resultado de los mega men\u00fas en todo tipo de dispositivos: navegadores de escritorio, tabletas, m\u00f3viles, etc.<\/li>\n<li>El despliegue de los mega men\u00fas debe interferir lo menos posible con los elementos situados inmediatamente por debajo.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.<\/p>\n","protected":false},"author":1,"featured_media":260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar"},"categories":[5],"tags":[82,31,81],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Los mega men\u00fas - Curso de WordPress 2018<\/title>\n<meta name=\"description\" content=\"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Los mega men\u00fas - Curso de WordPress 2018\" \/>\n<meta property=\"og:description\" content=\"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2018\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-12T12:20:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-16T19:05:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/plato-combinado.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/\",\"name\":\"Los mega men\u00fas - Curso de WordPress 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\"},\"datePublished\":\"2018-02-12T12:20:01+00:00\",\"dateModified\":\"2018-03-16T19:05:34+00:00\",\"author\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\"},\"description\":\"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Los mega men\u00fas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\",\"name\":\"Curso de WordPress 2018\",\"description\":\"Curso avanzado sobre WordPress en el CAP de Pamplona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Los mega men\u00fas - Curso de WordPress 2018","description":"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/","og_locale":"es_ES","og_type":"article","og_title":"Los mega men\u00fas - Curso de WordPress 2018","og_description":"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/","og_site_name":"Curso de WordPress 2018","article_published_time":"2018-02-12T12:20:01+00:00","article_modified_time":"2018-03-16T19:05:34+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/plato-combinado.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/","name":"Los mega men\u00fas - Curso de WordPress 2018","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website"},"datePublished":"2018-02-12T12:20:01+00:00","dateModified":"2018-03-16T19:05:34+00:00","author":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84"},"description":"Los mega men\u00fas. Qu\u00e9 son los mega men\u00fas y para qu\u00e9 sirven. Elaboraci\u00f3n de mega men\u00fas en WordPress, con el plugin Max Mega Menu.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mega-menus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/"},{"@type":"ListItem","position":2,"name":"Los mega men\u00fas"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/","name":"Curso de WordPress 2018","description":"Curso avanzado sobre WordPress en el CAP de Pamplona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/215"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media\/260"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}