---
title: "Mega menus no WordPress: Guia essencial em 6 passos"
description: "Mega menus no WordPress são painéis de navegação expandidos que organizam muitos links em colunas, com ícones, imagens e blocos de destaque, no lugar."
url: https://full.services/mega-menus-wordpress/
date: 2026-06-27
author: "Clayton Margiotti"
---
# Mega menus no WordPress: Guia essencial em 6 passos
Criar **mega menus no WordPress** exige um construtor visual e um menu estruturado em colunas, ícones e imagens. Segundo o [W3Techs](https://w3techs.com/technologies/details/cm-elementor) (2026), o Elementor saltou de 28,1% para 31,2% dos sites WordPress em um ano. Um painel pesado pode somar mais de 200 KB ao carregamento. Escolha a ferramenta pela estrutura do seu menu, não pela marca.
Mega menus no WordPress são painéis de navegação expandidos que organizam muitos links em colunas, com ícones, imagens e blocos de destaque, no lugar da lista vertical do menu padrão. Os mega menus no WordPress resolvem sites com catálogo extenso: lojas com dezenas de categorias, portais com muitas seções, agências com vários serviços. A escolha não é o plugin mais famoso, e sim o que combina com a estrutura do seu menu e com o tema que você já usa. Este guia mostra como criar mega menus no WordPress com [os conteúdos de Elementor da FULL](https://full.services/elementor/), comparando Elementor PRO, Max Mega Menu e QuadMenu, e como evitar que o painel pese no celular.
---
## Diagnóstico rápido: Qual ferramenta de mega menu usar
A escolha da ferramenta para criar mega menus no WordPress depende de três variáveis: orçamento, tema atual e nível de controle visual. O Elementor PRO custa US$59 por ano e integra o menu ao construtor; o Max Mega Menu é gratuito e roda em quase qualquer tema; o QuadMenu entrega templates prontos. A tabela abaixo cruza as três opções para você decidir antes de instalar.
Mega menus no WordPress: Elementor PRO, Max Mega Menu e QuadMenu
Ferramenta
Custo
Ponto forte
Limitação conhecida
Elementor PRO 3.x
US$59/ano (R$85/site no bundle FULL)
Edição visual do painel dentro do construtor
Exige o Theme Builder e tema compatível
Max Mega Menu
Gratuito (PRO opcional)
Leve e compatível com a maioria dos temas
Editor visual limitado na versão grátis
QuadMenu
Gratuito (PRO opcional)
Templates de layout prontos por nicho
Carrega bibliotecas próprias de ícones
Legenda: um mega menu bem estruturado agrupa categorias em colunas escaneáveis, reduzindo cliques até o produto.
## Por que o menu padrão do WordPress não basta
O menu padrão do WordPress renderiza uma lista vertical de dois ou três níveis, e ele trava quando o site passa de 15 a 20 categorias. Acima desse volume, o submenu suspenso fica alto demais e esconde itens abaixo da dobra. Um mega menu resolve isso ao abrir um painel largo, transformando 40 links empilhados em quatro colunas de dez itens.
A diferença prática aparece na taxa de cliques até a página de destino. Em um menu suspenso comum, o visitante navega nível por nível; no mega menu, ele enxerga toda a árvore de uma vez. Para lojas com muitas categorias, isso encurta o caminho até o produto. A regra de campo é simples: abaixo de 15 itens, o menu nativo serve; acima disso, o mega menu deixa de ser estética e vira usabilidade. Adicionar o painel não dispensa um [menu de navegação bem configurado](https://full.services/como-adicionar-um-menu-de-navegacao-no-wordpress/) na base.
## Pré-requisitos antes de criar o painel
Antes de montar mega menus no WordPress, confirme três pré-requisitos técnicos que evitam retrabalho. Primeiro, um tema compatível com o método escolhido: temas leves como o Astra integram bem o Max Mega Menu e o Elementor PRO. Segundo, a estrutura de menu já criada em Aparência, Menus, com itens e subitens organizados. Terceiro, uma biblioteca de ícones definida, para não carregar Font Awesome duas vezes.
Os mega menus no WordPress dependem dessa base, e o erro mais comum no suporte da FULL é instalar o plugin sem antes montar a hierarquia de itens. Sem os subitens criados no menu nativo, o painel abre vazio e o usuário acha que o plugin está quebrado. Defina a árvore primeiro: item pai (a categoria que dispara o painel) e itens filhos (os links que aparecem nas colunas). Um [construtor de páginas](https://full.services/glossario/page-builder/) como o Elementor PRO acelera essa etapa, mas a base é sempre o menu nativo. Reserve também uma imagem leve, em WebP, para os blocos de destaque do painel.
## Passo a passo: Como criar mega menus no WordPress
Criar mega menus no WordPress leva cerca de 20 minutos com o Elementor PRO 3.x e segue seis passos diretos, do menu base até o teste no celular. Os passos abaixo usam o Elementor PRO como exemplo principal porque ele edita o painel visualmente, mas o Max Mega Menu segue uma lógica equivalente para montar mega menus no WordPress. Cada passo é uma ação isolada: monte o menu, ative o recurso, desenhe as colunas, adicione mídia, ajuste o mobile e valide.
### Passo 1: Monte o menu base em aparência
Abra Aparência, Menus e crie o menu principal com os itens pai e filho que vão compor o painel. Cada item pai será o gatilho que abre o mega menu; cada filho vira um link dentro das colunas. Organize a hierarquia arrastando os subitens para a direita, sob o item pai correspondente. Salve antes de seguir, porque o plugin de mega menu lê essa estrutura como base.
### Passo 2: Ative o recurso de mega menu
Instale e ative o Elementor PRO ou o Max Mega Menu. No Elementor PRO, vá em Theme Builder e crie um cabeçalho que use o widget de menu; no Max Mega Menu, marque a opção "Enable" sobre o local do menu em Aparência, Max Mega Menu. Esse passo libera o modo de edição de painel para os itens pai que você escolher.
### Passo 3: Desenhe as colunas do painel
Clique no item pai e ative o mega menu para ele. Defina o número de colunas conforme a quantidade de subitens: quatro colunas funcionam bem até 40 links. Distribua os filhos entre as colunas e adicione um título de seção em cada uma. No Elementor PRO, você arrasta widgets dentro do painel; no Max Mega Menu, você posiciona blocos de widgets do WordPress.
### Passo 4: Adicione ícones, imagens e blocos
Insira ícones ao lado dos links principais e reserve uma coluna para um bloco de destaque, com imagem em WebP e um [CTA](https://full.services/glossario/cta-call-to-action/) claro. Mantenha a imagem abaixo de 100 KB para não inflar o carregamento. Use ícones de uma única biblioteca, para evitar carregar Font Awesome e a fonte do tema ao mesmo tempo, o que duplicaria requisições.
### Passo 5: Ajuste o comportamento no mobile
Defina como o painel se comporta no celular: na maioria dos casos, o mega menu deve colapsar em um acordeão tocável, não tentar exibir quatro colunas em uma tela de 360 px. No Elementor PRO, use os controles de responsividade do widget; no Max Mega Menu, configure o "Mobile Menu". Teste o breakpoint de tablet, onde a quebra de colunas costuma falhar primeiro.
### Passo 6: Valide o carregamento e a acessibilidade
Abra o site em uma janela anônima e meça o impacto no carregamento com o PageSpeed Insights antes e depois de ativar o painel. Confirme que o menu abre por teclado (tab e enter), não só por mouse, e que cada link tem texto legível. Se o LCP subiu mais de 200 ms, revise o peso das imagens e o carregamento das fontes de ícone. Com esse teste, os mega menus no WordPress entram no ar sem comprometer a nota de Core Web Vitals.
## Erros comuns ao montar mega menus
A maioria dos chamados sobre mega menus no WordPress no suporte da FULL cai em três causas que aparecem depois que o painel já está no ar. A primeira é cache servindo o menu antigo após uma edição; a segunda é o painel renderizado inteiro no carregamento, pesando no LCP do celular; a terceira é o conflito de bibliotecas de ícones duplicando requisições de fonte.
O cache é o caso mais frequente. O Max Mega Menu com cache de página sem exclusão do menu, somado a um plugin de cache agressivo, faz o submenu servir HTML desatualizado mesmo depois da edição; a correção é limpar o cache ou excluir o menu da regra. O segundo erro vem de um mega menu com mais de 40 itens e imagens por coluna, que adiciona requisições no load inicial; carregar o painel via interação costuma estabilizar o tempo de exibição. Sites em Elementor PRO que ficam [lentos sem motivo aparente](https://full.services/elementor-lento/) quase sempre têm um desses gargalos no cabeçalho.
## Quando o mega menu pesa no carregamento
O risco técnico de um mega menu mal configurado é somar entre 100 KB e 300 KB ao carregamento inicial, e isso aparece direto no LCP do celular. O painel cresce com imagens, ícones e CSS extra; quando é renderizado por inteiro no load, cada coluna vira peso. Em conexões móveis lentas, esse acréscimo empurra o Largest Contentful Paint para fora da faixa de 2,5 segundos.
A documentação do [web.dev](https://web.dev/articles/lcp) aponta o LCP como métrica central de Core Web Vitals, e o cabeçalho costuma estar acima da dobra, dentro da área que define essa nota. QuadMenu carregando Font Awesome próprio, somado a um tema que já carrega a mesma biblioteca, gera dupla requisição de fontes e infla o LCP. A recomendação de campo é manter imagens em WebP abaixo de 100 KB, usar uma só biblioteca de ícones e, quando o tema permitir, carregar o painel via hover ou toque.
---
## Crie mega menus com o plano certo
Montar mega menus no WordPress com qualidade visual depende de ter o Elementor PRO ativo, e é aí que o custo costuma travar quem está começando. Avulso, o Elementor PRO sai por US$59 por ano para um único site. No plano PRO da FULL, por R$849, você ativa o Elementor PRO e mais 16 plugins premium em vários sites, o que dilui o custo para cerca de R$85 por site. Para agências que criam mega menus no WordPress em dezenas de sites, essa diferença separa um cabeçalho profissional de um menu nativo limitado. Conheça os [planos da FULL](https://full.services/planos) e veja qual cobre o seu volume de sites.
## Perguntas frequentes sobre mega menus no WordPress
Por que o mega menu quebra o layout no celular?
O mega menu quebra no celular porque foi desenhado para exibir várias colunas em paralelo, e uma tela de 360 px não comporta quatro colunas lado a lado. A correção é configurar o painel para colapsar em um acordeão tocável no mobile, em vez de tentar manter o layout de desktop. No Elementor PRO 3.x, isso é feito nos controles de responsividade do widget; o breakpoint de tablet é onde a quebra falha primeiro.
É possível criar um mega menu no WordPress sem plugin pago?
Sim, é possível criar um mega menu no WordPress sem gastar nada usando o Max Mega Menu ou o QuadMenu, ambos gratuitos na versão base. O Max Mega Menu funciona com quase qualquer tema e permite montar colunas com widgets do WordPress. A limitação é o editor visual, mais simples que o do Elementor PRO; para arrastar e soltar elementos com precisão, a versão paga de um construtor entrega mais controle.
Qual a diferença entre o Max Mega Menu e o mega menu do Elementor PRO?
A diferença central é a integração: o mega menu do Elementor PRO é editado dentro do próprio construtor visual, herdando o design system do site, enquanto o Max Mega Menu é um plugin independente que monta o painel com widgets do WordPress. O Elementor PRO custa US$59 por ano; o Max Mega Menu é gratuito. Para quem já usa o Elementor PRO, o painel nativo evita um segundo plugin no cabeçalho.
Quanto custa criar mega menus no WordPress com Elementor PRO?
Criar mega menus com o Elementor PRO custa US$59 por ano por site na licença avulsa, valor que cobre o construtor inteiro, não só o menu. No plano PRO da FULL, por R$849, o Elementor PRO vem incluso junto a outros 16 plugins premium, o que reduz o custo para cerca de R$85 por site quando você distribui a licença entre vários projetos. Para um site único, a licença avulsa pode bastar.
O que é um mega menu e quando ele faz sentido?
Um mega menu é um painel de navegação expandido que mostra muitos links em colunas, com ícones, imagens e blocos de destaque, em vez da lista vertical do menu padrão. Ele faz sentido quando o site passa de 15 a 20 categorias, ponto em que o submenu comum fica alto demais e esconde itens. Abaixo desse volume, o menu nativo do WordPress resolve sem adicionar peso ao carregamento da página.
## Próximos passos para um cabeçalho profissional
Criar mega menus no WordPress é menos sobre o plugin e mais sobre a estrutura do seu menu: defina a hierarquia, escolha a ferramenta pela compatibilidade com o tema e meça o impacto no carregamento antes de publicar. Elementor PRO entrega o melhor controle visual, Max Mega Menu cobre o cenário gratuito e leve, e QuadMenu adianta o layout com templates. Em qualquer caminho, o teste no mobile e o peso das imagens são o que separa um cabeçalho rápido de um menu que afunda o LCP. Com a hierarquia certa e o painel sob demanda, os mega menus no WordPress melhoram a navegação sem cobrar essa melhora em velocidade.
Para aprofundar, o guia [Domine o Elementor](https://full.services/guias/domine-o-elementor) reúne os tutoriais de construção visual da FULL em sequência, e vale conferir se o [Elementor PRO compensa para o seu projeto](https://full.services/elementor-pro-vale-a-pena/) antes de adotar o painel. Quem prefere começar pelo básico do construtor encontra o passo a passo no [tutorial de Elementor para iniciantes](https://full.services/elementor-tutorial-iniciantes/). Continue aprendendo no [FULL Academy](https://full.services/academy/), onde os guias, reviews e tutoriais de WordPress ficam reunidos em um só lugar.
---
## Metadados Estruturados (Schema.org)
```json-ld
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "TechArticle",
"@id": "https://full.services/mega-menus-wordpress/#article",
"headline": "Mega menus no WordPress: Guia essencial em 6 passos",
"description": "Mega menus no WordPress são painéis de navegação expandidos que organizam muitos links em colunas, com ícones, imagens e blocos de destaque, no lugar da lista vertical do menu padrão.",
"url": "https://full.services/mega-menus-wordpress/",
"datePublished": "2026-06-27T09:00:00-03:00",
"dateModified": "2026-06-27T09:00:00-03:00",
"inLanguage": "pt-BR",
"articleSection": "Elementor",
"keywords": [
"mega menus no wordpress",
"Elementor",
"WordPress Page Builders",
"Web Design"
],
"author": {
"@id": "https://full.services/#person-clayton"
},
"publisher": {
"@id": "https://full.services/#org"
},
"about": [
{
"@type": "Thing",
"name": "Elementor",
"@id": "https://www.wikidata.org/wiki/Q96322879",
"sameAs": "https://www.wikidata.org/wiki/Q96322879"
},
{
"@type": "Thing",
"name": "WordPress Page Builders"
},
{
"@type": "Thing",
"name": "Web Design"
}
],
"mentions": [
{
"@type": "Organization",
"name": "Elementor",
"url": "https://elementor.com/",
"@id": "https://www.wikidata.org/wiki/Q96322879",
"sameAs": "https://www.wikidata.org/wiki/Q96322879"
},
{
"@type": "Organization",
"name": "WordPress",
"url": "https://wordpress.org/",
"@id": "https://www.wikidata.org/wiki/Q13166",
"sameAs": "https://www.wikidata.org/wiki/Q13166"
}
],
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://full.services/mega-menus-wordpress/"
},
"wordCount": 2480,
"citation": [
{
"@type": "CreativeWork",
"name": "W3Techs",
"url": "https://w3techs.com/technologies/details/cm-elementor",
"publisher": {
"@type": "Organization",
"name": "W3Techs"
}
},
{
"@type": "CreativeWork",
"name": "web.dev",
"url": "https://web.dev/articles/lcp",
"publisher": {
"@type": "Organization",
"name": "web.dev"
}
}
]
},
{
"@type": "FAQPage",
"@id": "https://full.services/mega-menus-wordpress/#faq",
"isPartOf": {
"@id": "https://full.services/mega-menus-wordpress/#article"
},
"mainEntity": [
{
"@type": "Question",
"@id": "https://full.services/mega-menus-wordpress/#faq-q1",
"name": "Por que o mega menu quebra o layout no celular?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "O mega menu quebra no celular porque foi desenhado para exibir várias colunas em paralelo, e uma tela de 360 px não comporta quatro colunas lado a lado. A correção é configurar o painel para colapsar em um acordeão tocável no mobile, em vez de tentar manter o layout de desktop. No Elementor PRO 3.x, isso é feito nos controles de responsividade do widget; o breakpoint de tablet é onde a quebra falha primeiro.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/mega-menus-wordpress/#faq-q2",
"name": "É possível criar um mega menu no WordPress sem plugin pago?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim, é possível criar um mega menu no WordPress sem gastar nada usando o Max Mega Menu ou o QuadMenu, ambos gratuitos na versão base. O Max Mega Menu funciona com quase qualquer tema e permite montar colunas com widgets do WordPress. A limitação é o editor visual, mais simples que o do Elementor PRO; para arrastar e soltar elementos com precisão, a versão paga de um construtor entrega mais controle.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/mega-menus-wordpress/#faq-q3",
"name": "Qual a diferença entre o Max Mega Menu e o mega menu do Elementor PRO?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "A diferença central é a integração: o mega menu do Elementor PRO é editado dentro do próprio construtor visual, herdando o design system do site, enquanto o Max Mega Menu é um plugin independente que monta o painel com widgets do WordPress. O Elementor PRO custa US$59 por ano; o Max Mega Menu é gratuito. Para quem já usa o Elementor PRO, o painel nativo evita um segundo plugin no cabeçalho.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/mega-menus-wordpress/#faq-q4",
"name": "Quanto custa criar mega menus no WordPress com Elementor PRO?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Criar mega menus com o Elementor PRO custa US$59 por ano por site na licença avulsa, valor que cobre o construtor inteiro, não só o menu. No plano PRO da FULL, por R$849, o Elementor PRO vem incluso junto a outros 16 plugins premium, o que reduz o custo para cerca de R$85 por site quando você distribui a licença entre vários projetos. Para um site único, a licença avulsa pode bastar.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/mega-menus-wordpress/#faq-q5",
"name": "O que é um mega menu e quando ele faz sentido?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Um mega menu é um painel de navegação expandido que mostra muitos links em colunas, com ícones, imagens e blocos de destaque, em vez da lista vertical do menu padrão. Ele faz sentido quando o site passa de 15 a 20 categorias, ponto em que o submenu comum fica alto demais e esconde itens. Abaixo desse volume, o menu nativo do WordPress resolve sem adicionar peso ao carregamento da página.",
"author": {
"@id": "https://full.services/#org"
}
}
}
]
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://full.services/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Elementor",
"item": "https://full.services/elementor/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Mega menus no WordPress: Guia essencial em 6 passos",
"item": "https://full.services/mega-menus-wordpress/"
}
]
},
{
"@type": "Organization",
"@id": "https://full.services/#org",
"name": "FULL Services",
"url": "https://full.services",
"logo": {
"@type": "ImageObject",
"url": "https://full.services/wp-content/uploads/full-services-logo.png",
"width": 200,
"height": 60
},
"sameAs": [
"https://www.instagram.com/fullservicesbr",
"https://www.facebook.com/fullservices.br",
"https://www.linkedin.com/company/fullservicesbr/"
],
"knowsAbout": [
"WordPress",
"WordPress Hosting",
"Web Development",
"Performance Optimization",
"WordPress Security",
"SEO para WordPress"
],
"award": [
"Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)",
"Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)"
],
"hasCredential": {
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "CVE Numbering Authority (CNA)",
"description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.",
"url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL",
"recognizedBy": {
"@type": "Organization",
"name": "CISA — Cybersecurity and Infrastructure Security Agency",
"url": "https://www.cisa.gov/",
"sameAs": "https://www.cisa.gov/"
}
}
},
{
"@type": "Person",
"@id": "https://full.services/#person-clayton",
"name": "Clayton Margiotti",
"givenName": "Clayton",
"familyName": "Margiotti",
"jobTitle": "Fundador e CEO da FULL Services",
"description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).",
"url": "https://full.services/sobre-nos/",
"image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg",
"sameAs": [
"https://www.linkedin.com/in/cmargiotti/"
],
"knowsAbout": [
"Artificial Intelligence",
"Cybersecurity",
"CVE Program",
"WordPress Enterprise",
"SaaS Platforms",
"Digital Infrastructure",
"Technology Entrepreneurship",
"Company Building",
"Business Leadership",
"Digital Growth"
],
"hasOccupation": {
"@type": "Occupation",
"name": "Fundador e CEO",
"occupationalCategory": "11-1011.00"
},
"knowsLanguage": [
{
"@type": "Language",
"name": "Portuguese",
"alternateName": "pt-BR"
},
{
"@type": "Language",
"name": "English",
"alternateName": "en"
}
],
"memberOf": {
"@type": "Organization",
"name": "CVE Numbering Authorities",
"url": "https://www.cve.org/",
"sameAs": "https://www.cve.org/"
},
"alumniOf": [
{
"@type": "EducationalOrganization",
"name": "Global Scaling Academy (Blitzscaling Program)",
"url": "https://www.blitzscalingacademy.com"
},
{
"@type": "EducationalOrganization",
"name": "Esade",
"url": "https://www.esade.edu"
},
{
"@type": "EducationalOrganization",
"name": "Business School Sao Paulo (BSP)",
"url": "https://bsp.edu.br/"
},
{
"@type": "EducationalOrganization",
"name": "Tera",
"url": "https://somostera.com"
},
{
"@type": "EducationalOrganization",
"name": "Le Wagon",
"url": "https://www.lewagon.com"
},
{
"@type": "EducationalOrganization",
"name": "FIAP",
"url": "https://www.fiap.com.br"
},
{
"@type": "EducationalOrganization",
"name": "PUCRS",
"url": "https://online.pucrs.br/"
}
],
"award": [
"Digital Disruptor – Engaging Experiences Master (Globant, 2021)",
"Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)",
"1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)",
"Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)",
"Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)",
"Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)",
"Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)"
],
"subjectOf": [
{
"@type": "NewsArticle",
"url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners",
"publisher": {
"@type": "Organization",
"name": "Globant"
}
},
{
"@type": "NewsArticle",
"url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html",
"publisher": {
"@type": "Organization",
"name": "PR Newswire"
}
},
{
"@type": "NewsArticle",
"url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas",
"publisher": {
"@type": "Organization",
"name": "Segs"
}
},
{
"@type": "NewsArticle",
"url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao",
"publisher": {
"@type": "Organization",
"name": "Franquia Educacional"
}
},
{
"@type": "NewsArticle",
"url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd",
"publisher": {
"@type": "Organization",
"name": "Acontecendo Aqui"
}
}
],
"worksFor": {
"@type": "Organization",
"@id": "https://full.services/#org"
}
},
{
"@type": "HowTo",
"@id": "https://full.services/mega-menus-wordpress/#howto",
"isPartOf": {
"@id": "https://full.services/mega-menus-wordpress/#article"
},
"name": "Passo a passo: mega menus no wordpress",
"description": "Guia passo a passo sobre mega menus no wordpress para WordPress.",
"url": "https://full.services/mega-menus-wordpress/",
"totalTime": "PT36M",
"author": {
"@type": "Organization",
"@id": "https://full.services/#org"
},
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Passo 1: Monte o menu base em aparência",
"text": "Abra Aparência, Menus e crie o menu principal com os itens pai e filho que vão compor o painel. Cada item pai será o gatilho que abre o mega menu; cada filho vira um link dentro das colunas. Organize a hierarquia arrastando os subitens para a direita, sob o item pai correspondente. Salve antes de seguir, porque o plugin de mega menu lê essa estrutura como base."
},
{
"@type": "HowToStep",
"position": 2,
"name": "Passo 2: Ative o recurso de mega menu",
"text": "Instale e ative o Elementor PRO ou o Max Mega Menu. No Elementor PRO, vá em Theme Builder e crie um cabeçalho que use o widget de menu; no Max Mega Menu, marque a opção "Enable" sobre o local do menu em Aparência, Max Mega Menu. Esse passo libera o modo de edição de painel para os itens pai que você escolher."
},
{
"@type": "HowToStep",
"position": 3,
"name": "Passo 3: Desenhe as colunas do painel",
"text": "Clique no item pai e ative o mega menu para ele. Defina o número de colunas conforme a quantidade de subitens: quatro colunas funcionam bem até 40 links. Distribua os filhos entre as colunas e adicione um título de seção em cada uma. No Elementor PRO, você arrasta widgets dentro do painel; no Max Mega Menu, você posiciona blocos de widgets do WordPress."
},
{
"@type": "HowToStep",
"position": 4,
"name": "Passo 4: Adicione ícones, imagens e blocos",
"text": "Insira ícones ao lado dos links principais e reserve uma coluna para um bloco de destaque, com imagem em WebP e um CTA claro. Mantenha a imagem abaixo de 100 KB para não inflar o carregamento. Use ícones de uma única biblioteca, para evitar carregar Font Awesome e a fonte do tema ao mesmo tempo, o que duplicaria requisições."
},
{
"@type": "HowToStep",
"position": 5,
"name": "Passo 5: Ajuste o comportamento no mobile",
"text": "Defina como o painel se comporta no celular: na maioria dos casos, o mega menu deve colapsar em um acordeão tocável, não tentar exibir quatro colunas em uma tela de 360 px. No Elementor PRO, use os controles de responsividade do widget; no Max Mega Menu, configure o "Mobile Menu". Teste o breakpoint de tablet, onde a quebra de colunas costuma falhar primeiro."
},
{
"@type": "HowToStep",
"position": 6,
"name": "Passo 6: Valide o carregamento e a acessibilidade",
"text": "Abra o site em uma janela anônima e meça o impacto no carregamento com o PageSpeed Insights antes e depois de ativar o painel. Confirme que o menu abre por teclado (tab e enter), não só por mouse, e que cada link tem texto legível. Se o LCP subiu mais de 200 ms, revise o peso das imagens e o carregamento das fontes de ícone. Com esse teste, os mega menus no WordPress entram no ar sem comprometer a nota de Core Web Vitals. A maioria dos chamados sobre mega menus no WordPress no suporte da FULL cai em três causas que aparecem depois que o painel já está no ar. A primeira é cache servindo o menu antigo após uma edição; a segunda é o painel renderizado inteiro no carregamento, pesando no LCP do celular; a terceira é o conflito de bibliotecas de ícones duplicando requisições de fonte. O cache é o caso mais frequente. O Max Mega Menu com cache de página sem exclusão do menu, somado a um plugin de cache agressivo, faz o submenu servir HTML desatualizado mesmo depois da edição; a correção é limpar o cache ou excluir o menu da regra. O segundo erro vem de um mega menu com mais de 40 itens e imagens por coluna, que adiciona requisições no load inicial; carregar o painel via interação"
}
]
}
]
}
```