The7-thema heeft een ingebouwde "The7 Mega Menu"<\/strong>\u00a0functionaliteit waarmee menupictogrammen en afbeeldingen kunnen worden weergegeven, meer gecompliceerde navigatie-indelingen kunnen worden gemaakt en beschrijvingen van menu-items kunnen worden toegevoegd.<\/p>\n

Megamenu is geconfigureerd in drie niveaus (fig. 1) en de opties in elk niveau zijn verschillend.<\/div>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 1. Mega Menu niveaus.<\/p>\n<\/div>\n
Aan de voorkant ziet een menu met een dergelijke structuur eruit zoals het hieronder wordt weergegeven (afb.2):<\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2. Mega Menu niveaus in front-end<\/p>\n<\/div>\n
Mega Menu-instellingen<\/h2>\n
Om Mega Menu voor een bepaald menu-item in te schakelen, moet u op de juiste knop (fig. 3) in het standaard Dashboard -> Uiterlijk -> Menu's-interface klikken:<\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 3. Activeer Mega Menu<\/p>\n<\/div>\n
De 7 megamenu-knop opent een pop-up met algemene opties om een pictogram \/ afbeelding \/ FontAwesome HTML-pictogramcodes te selecteren en de pictogrampositie te configureren, opvulling op alle niveaus.<\/p>\n
Als u "Mega Menu" inschakelt (in niveau 1 van het menu), worden de hieronder beschreven instellingen weergegeven.<\/p>\n
Niveau 1
<\/strong><\/h3>\n
$\"Afb.4.1.$ <\/a><\/p>\n
Afb.4.1. Mega-menu. Menuniveau 1.<\/p>\n<\/div>\n
\n
voeg een pictogram \/ afbeelding \/ HTML toe aan het recente menu-item;<\/li>\n
Mega Menu zelf inschakelen;<\/li>\n
maak het submenu fullwidth (fig.4.2) $\"\"$ <\/a>\n
$\"Afb.4.2.$ <\/a><\/p>\n
Afb.4.2. Gewone en volledige Mega Menu-indeling<\/p>\n<\/div>\n<\/li>\n
specificeer aantal kolommen (er zijn 4 kolommen in het voorbeeld). Merk op dat op smallere schermen de indeling van de kolommen wordt gewijzigd in minder kolommen om de bruikbaarheid te behouden;<\/li>\n
menu-items op mobiele apparaten verbergen.<\/li>\n<\/ul>\n
Level 2<\/h3>\n
$\"\"$ <\/a><\/p>\n
Afb.4.3. Mega-menu. Menuniveau 2.<\/p>\n<\/div>\n
Menuniveau 2 heeft extra opties om:<\/p>\n
\n
verberg titels in het megamenu. Als we deze optie inschakelen voor alle menu-items \u201cMENU C.1\u201d\u2026 \u201cMENU C.4\u201d in het voorbeeld, ziet het er zo uit (fig. 4.4):\n
$\"Afb.4.3.$ <\/a><\/p>\n
Afb.4.4. Menu-items van niveau 2 zijn verborgen.<\/p>\n<\/div>\n<\/li>\n
link verwijderen, dwz menu-items op niveau 2 niet klikbaar maken. Het helpt om "titels" te maken voor de kolommen;<\/li>\n
laat het huidige menu-item een nieuwe rij beginnen. Als we deze instelling toepassen op het item \u201cMENU C.4\u201d in het voorbeeld, ziet het er zo uit (fig. 4.5):\n
$\"Afb.4.4.$ <\/a><\/p>\n
Afb.4.5. Begin een nieuwe rij.<\/p>\n<\/div>\n<\/li>\n
widgetgebied weergeven in plaats van een submenukolom. In het onderstaande voorbeeld (fig. 4.6) hebben we de opties \u201cTitel verbergen\u201d en \u201cWidget weergeven\u201d toegepast op het item \u201cMENU C.4\u201d:\n
<\/a><\/p>\n
Afb.4.6. Widgetgebied weergegeven in het item "MENU C.4".<\/p>\n<\/div>\n<\/li>\n<\/ul>\n
Niveau 3<\/h3>\n
Menuniveau 3 heeft de volgende opties (fig.4.7):<\/p>\n
$\"Afb.4.7.$ <\/a><\/p>\n
Afb.4.7. Mega-menu. Menuniveau 3<\/p>\n<\/div>\n
U kunt ook het veld \u201cBeschrijving\u201d inschakelen om ondertitels voor menu-items toe te voegen (fig. 4.8):<\/p>\n
$\"Fig.$ <\/a><\/p>\n
$\"\"$ <\/a><\/p>\n
$\"Afb.4.8.$ <\/a><\/p>\n
Afb.4.8. Schakel "Beschrijvingen" in (gebruikt voor ondertitels)<\/p>\n<\/div>\n
Mega Menu-uiterlijk<\/h2>\n
Typografische instellingen van menu-items Niveau 2 moeten worden geconfigureerd in Thema-opties -> Bovenste balk en koptekst -> Submenu -> Mega-menu-items (fig.5.1):<\/p>\n
$\"Afb.4.8.$ <\/a><\/p>\n
Afb.5.1. Niveau 2 Mega Menu-items typografie-instellingen<\/p>\n<\/div>\n
Menu-items van niveau 3 hebben dezelfde instellingen als het gewone submenu. Het moet worden geconfigureerd in Thema-opties -> Bovenste balk en koptekst -> Submenu -> Submenu-items (fig.5.2):<\/p>\n
$\"Afb.4.9.$ <\/a><\/p>\n
Afb.5.2. Level 3 Mega Menu-items typografie-instellingen<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
Ontwerp van megamenu Het7-thema heeft ingebouwde "The7 Mega Menu" -functionaliteit waarmee menupictogrammen en afbeeldingen kunnen worden weergegeven, meer gecompliceerde navigatie-indelingen kunnen worden gemaakt en beschrijvingen van menu-items kunnen worden toegevoegd. Megamenu is geconfigureerd in drie niveaus (fig. 1) en de opties in elk niveau zijn verschillend. Fig. 1. Mega Menu niveaus. In de front-end, een menu ...<\/p>","protected":false},"author":2,"featured_media":2484,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-guide","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=2277"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2277\/revisions"}],"predecessor-version":[{"id":2533,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2277\/revisions\/2533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/2484"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=2277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=2277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=2277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Mega Menu-instellingen<\/h2>\nOm Mega Menu voor een bepaald menu-item in te schakelen, moet u op de juiste knop (fig. 3) in het standaard Dashboard -> Uiterlijk -> Menu's-interface klikken:<\/p>\n

Niveau 1<\/strong><\/h3>\n<\/a><\/p>\nAfb.4.1. Mega-menu. Menuniveau 1.<\/p>\n<\/div>\n\nvoeg een pictogram \/ afbeelding \/ HTML toe aan het recente menu-item;<\/li>\nMega Menu zelf inschakelen;<\/li>\n

Niveau 3<\/h3>\nMenuniveau 3 heeft de volgende opties (fig.4.7):<\/p>\n

Mega Menu-uiterlijk<\/h2>\nTypografische instellingen van menu-items Niveau 2 moeten worden geconfigureerd in Thema-opties -> Bovenste balk en koptekst -> Submenu -> Mega-menu-items (fig.5.1):<\/p>\n