---
title: "Como criar um mega menu com JetMenu e Astra"
description: "Criar um mega menu com JetMenu e Astra é transformar a navegação do site em um painel largo que abre ao passar o mouse, com colunas, ícones, imagens e."
url: https://full.services/criar-mega-menu-com-jetmenu-e-astra/
date: 2026-06-21
author: "Clayton Margiotti"
---
# Como criar um mega menu com JetMenu e Astra
Criar um **mega menu com JetMenu e Astra** é montar um menu suspenso largo, com colunas e conteúdo visual, integrando o JetMenu ao tema Astra. Segundo a [WordPress Developer Docs](https://developer.wordpress.org) (2026), o mega menu estende o menu de navegação padrão com layout próprio. O erro mais comum é montar tudo no desktop e esquecer do comportamento no celular, onde o mega menu precisa virar um menu compacto.
Criar um mega menu com JetMenu e Astra é transformar a navegação do site em um painel largo que abre ao passar o mouse, com colunas, ícones, imagens e até widgets, em vez do menu suspenso simples de uma coluna. O JetMenu adiciona esse recurso e se integra ao tema Astra, que cuida do cabeçalho. É a navegação ideal para sites com muitas seções, que precisam organizar links em grupos visuais. O cuidado central é o mobile: um mega menu largo precisa virar um menu compacto na tela pequena. Este guia faz parte do hub de [Crocoblock da FULL](https://full.services/crocoblock/) e mostra o passo a passo real, do menu ao teste no celular.
---
## O que um mega menu resolve e como JetMenu e Astra se ligam
Um mega menu resolve a navegação de sites com muitas seções, substituindo o menu suspenso simples por um painel largo que organiza os links em colunas, com espaço para ícones, descrições e imagens, o que ajuda o visitante a encontrar o que procura sem se perder em uma lista longa. O JetMenu adiciona esse painel ao WordPress, e o Astra fornece o cabeçalho onde ele aparece. A diferença para o menu padrão é o espaço: o mega menu cabe um conteúdo que a lista simples não comporta.
Na prática, você monta o conteúdo de cada item do menu em um layout próprio do JetMenu e o aplica ao cabeçalho do Astra. Assim, uma loja organiza categorias em colunas visuais. Nos atendimentos da FULL sobre [Crocoblock](https://full.services/crocoblock/), o erro mais comum é caprichar no mega menu do desktop e esquecer de configurar o comportamento no celular, onde o painel largo precisa colapsar em um menu compacto.
Legenda: o JetMenu monta o painel largo e o Astra fornece o cabeçalho onde ele aparece.
## Quando vale usar um mega menu
Vale usar um mega menu quando o site tem muitas seções ou categorias que não cabem bem em um menu simples, quando você quer destacar links com ícones e imagens, ou quando a navegação precisa de organização visual, e não compensa para um site enxuto, com poucos itens de menu, que um menu padrão atende. O mega menu rende quando há volume de links a organizar. Para um site de cinco páginas, ele só adiciona complexidade sem ganho de navegação.
Use este teste antes de montar. Diga SIM ao mega menu se o site tem muitas categorias ou seções e a navegação precisa de grupos visuais. Diga NÃO se o menu tem poucos itens que cabem em uma linha. O encaixe ideal é o site denso, como uma loja ou um portal, que ganha com a organização em colunas. Para a base de performance, já que menus pesados afetam o carregamento, o [guia de otimizar o WordPress para mobile](https://full.services/como-otimizar-wordpress-para-mobile/) ajuda no celular.
## Pré-requisitos antes de montar o mega menu
Antes de criar o mega menu você precisa de três peças no lugar, o JetMenu instalado e ativo, o tema Astra com o menu já estruturado, e a definição de quais itens viram mega menu e quais ficam simples, e a falta de qualquer uma deixa a navegação inconsistente. Sem um menu base bem estruturado no Astra, o mega menu se aplica sobre uma organização confusa.
Checklist de prontidão antes de começar:
- JetMenu instalado e ativo no WordPress.
- O tema Astra com o cabeçalho e o menu já configurados.
- O menu base estruturado, com os itens na ordem certa.
- A definição de quais itens recebem o painel de mega menu.
- O conteúdo de cada painel planejado: links, ícones, imagens.
- A decisão do comportamento do menu no celular.
- Permissão de administrador para editar menu e tema.
Pense no conjunto como a vitrine de uma loja de departamentos: o menu base é a placa com os setores, e o mega menu é a vitrine que abre mostrando os produtos de cada setor em colunas. Uma placa mal organizada deixa a vitrine bonita apontando para o lugar errado.
## Como criar o mega menu em 5 passos
Criar o mega menu segue cinco passos, da ativação ao teste no celular, e respeitar a ordem evita o erro mais comum: montar o desktop e esquecer o mobile. Cada passo fecha uma etapa, do menu ao painel. Confirme antes que o menu base do Astra está estruturado, porque é sobre ele que o mega menu se aplica.
### Passo 1: Integre o JetMenu ao cabeçalho do Astra
Ative o JetMenu e confirme que ele se integra ao menu do tema Astra, aparecendo como opção nos itens de menu do WordPress, porque é essa integração que faz o mega menu surgir no cabeçalho que o Astra controla. Confira nas configurações do JetMenu a ligação com o local de menu do Astra. Teste que a opção de mega menu aparece ao editar um item. Se o JetMenu entra em conflito com o tema e o estilo quebra, veja como corrigir o [erro de estilo do JetMenu com o Astra](https://full.services/wp-fixer/corrigir-erro-estilo-jetmenu-astra/) antes de seguir.
### Passo 2: Ative o mega menu nos itens certos
Edite o item de menu que deve abrir um painel e ative o mega menu nele, deixando os itens simples como links comuns, porque nem todo item precisa de um painel largo, e ativar em todos polui a navegação. Escolha os itens com muitas subseções para o mega menu. Mantenha os links diretos como itens normais. Essa seleção é o que dá ritmo à navegação, com painéis ricos onde há volume e links simples onde basta um clique, em vez de transformar cada item em um painel desnecessário.
### Passo 3: Monte o conteúdo do painel
No editor do JetMenu, monte o conteúdo do painel do item, organizando os links em colunas e adicionando ícones, descrições ou imagens onde ajudarem, porque é o conteúdo bem distribuído que torna o mega menu útil, e não só largo. Agrupe os links por tema em cada coluna. Use os recursos visuais com moderação, para não pesar. Um painel organizado guia o visitante; um painel lotado de tudo confunde tanto quanto a lista longa que o mega menu deveria substituir, então distribua com clareza.
### Passo 4: Estilize e alinhe ao tema
Ajuste as cores, fontes e espaçamentos do mega menu para que ele combine com a identidade do site e com o cabeçalho do Astra, porque um painel destoante do resto do site parece um corpo estranho. Use as opções de estilo do JetMenu para alinhar a aparência ao tema. Mantenha a consistência com o restante da navegação. Se o Astra e outro plugin de construção entram em conflito de estilo no cabeçalho, veja como corrigir o [conflito entre o Astra Pro e o Elementor Pro](https://full.services/wp-fixer/corrigir-conflito-astra-pro-elementor-pro/), que afeta a aparência.
### Passo 5: Teste o menu no celular
Abra o site no celular e confirme que o mega menu colapsa em um menu compacto e navegável, porque um painel largo não cabe na tela pequena e precisa virar um menu de toque. O JetMenu oferece um comportamento mobile próprio, que você configura e testa. Verifique que os submenus abrem e fecham bem ao toque. Se o JetMenu não exibe direito no celular, veja como corrigir o [JetMenu que não exibe no mobile](https://full.services/wp-fixer/corrigir-jetmenu-mobile-nao-exibe/), porque a maioria do tráfego navega pelo celular.
Legenda: cada passo fecha uma etapa, do menu base ao mega menu compacto no celular.
## Erros comuns ao montar um mega menu
Os três erros mais comuns ao montar um mega menu são esquecer o comportamento mobile, lotar o painel e ativar o mega menu em todos os itens. O primeiro é o mais grave: o menu fica lindo no desktop, mas no celular o painel largo quebra ou some, e a maioria dos visitantes, que navega pelo telefone, fica sem conseguir usar a navegação principal do site.
O segundo erro é o painel lotado, com links demais e elementos visuais em excesso, que confunde tanto quanto a lista longa que o mega menu deveria organizar. A correção é distribuir os links com clareza em colunas. O terceiro caso é ativar o painel em todos os itens, poluindo a navegação com paineis onde um link simples bastaria. Quando o JetMenu é incompatível com um recurso do Astra, vale ver como corrigir o [JetThemeCore incompatível com o Astra](https://full.services/wp-fixer/corrigir-jetthemecore-incompativel-astra/).
## Como manter a navegação clara e rápida
Manter o mega menu claro e rápido exige revisar a organização quando o site cresce e cuidar do peso que ele adiciona, porque novas seções pedem reorganização das colunas, e um painel carregado de imagens pesa no carregamento. A navegação se mantém útil quando acompanha a estrutura do site e não vira um obstáculo de velocidade.
Revise a distribuição dos links sempre que adicionar seções, mantendo as colunas equilibradas. Use imagens otimizadas no painel, para não pesar o cabeçalho que aparece em todas as páginas. Teste o mobile a cada mudança. Para garantir que o menu não derrube a velocidade do site, principalmente no celular, o [guia de otimizar o WordPress para mobile](https://full.services/como-otimizar-wordpress-para-mobile/) mostra como manter a experiência ágil.
## Como a FULL faz isso em escala
A FULL padroniza a navegação com mega menu porque acompanha mais de 150 mil sites WordPress, e sites densos que precisam de menu organizado aparecem o tempo todo, onde montar a navegação de cada um na mão vira gargalo. Em vez de licença avulsa por instalação, o Crocoblock, com o JetMenu, entra no bundle e o padrão de mega menu fica replicável de um site para outro.
No plano PRO da FULL, por [R$849](https://full.services/planos), o Crocoblock já vem no pacote para até dez sites, o que dá R$85 por site em vez de pagar cada licença separada. Para quem monta vários sites densos, a gente vê isso trocar um custo recorrente espalhado por um padrão único: o mesmo modelo de mega menu, com colunas e estilo, é reaproveitado de um projeto para outro, sem remontar do zero a cada site. É a economia que só aparece quando o stack é o mesmo em toda a base.
## Checklist final do mega menu
O checklist final do mega menu confirma, em uma passada, que a navegação funciona no desktop e no celular antes de você publicar. Rode esta lista depois do passo 5 e a cada nova seção do site, porque a estrutura do menu precisa acompanhar o crescimento.
Antes de declarar pronto, confirme:
- O JetMenu está integrado ao cabeçalho do Astra.
- O mega menu está ativo só nos itens com muitas subseções.
- O painel organiza os links em colunas claras.
- O estilo do mega menu combina com a identidade do site.
- O menu colapsa em um menu compacto e navegável no celular.
- As imagens do painel estão otimizadas, sem pesar o cabeçalho.
- A navegação foi testada no desktop e no mobile.
Se qualquer item falhar, volte ao passo correspondente antes de publicar a navegação.
## Perguntas frequentes sobre criar um mega menu com JetMenu e Astra
Quando vale usar um mega menu em vez do menu padrão?
Use o mega menu quando o site tem muitas seções ou categorias que não cabem bem em um menu suspenso simples, e você quer organizá-las em colunas, com ícones e imagens. Ele brilha em lojas, portais e sites densos, onde a navegação precisa de grupos visuais. Use o menu padrão quando o site é enxuto, com poucos itens que cabem em uma linha, porque aí o mega menu só adiciona complexidade sem ganho. A regra é o volume: muitos links pedem o painel; poucos ficam melhores no menu simples.
O mega menu funciona bem no celular?
Funciona, desde que você configure o comportamento mobile. O painel largo do mega menu não cabe na tela pequena, então o JetMenu o transforma em um menu compacto de toque, com submenus que abrem e fecham. O cuidado é testar esse comportamento, porque o erro mais comum é caprichar no desktop e deixar o mobile quebrado. Como a maioria do tráfego vem do celular, configure e teste a versão compacta com a mesma atenção do painel desktop.
Preciso do Crocoblock completo ou só do JetMenu?
O JetMenu sozinho já cria o mega menu, mas ele faz parte do ecossistema Crocoblock, que integra vários plugins Jet. Se o seu objetivo é só a navegação avançada, o JetMenu resolve. Se você também monta conteúdo dinâmico, listings e filtros, o pacote Crocoblock completo se paga, porque os plugins trabalham juntos. Para quem usa vários recursos Jet em vários sites, vale um plano que inclua o Crocoblock, evitando licenças avulsas. A escolha depende de quanto do ecossistema você usa além do menu.
O mega menu deixa o site mais lento?
Pode deixar, se o painel for carregado de imagens pesadas. O mega menu aparece no cabeçalho, que carrega em todas as páginas, então imagens grandes ou muitos elementos no painel adicionam peso a cada acesso. A solução é usar imagens otimizadas e manter o painel enxuto, com o essencial da navegação. Bem montado, o impacto na velocidade é pequeno; o problema surge quando se empilha conteúdo visual sem necessidade. Trate o peso do cabeçalho com cuidado, principalmente no celular, onde cada quilobyte conta mais.
## Próximos passos para uma navegação organizada
Criar um mega menu com JetMenu e Astra é, no fundo, organizar a navegação de um site denso em um painel visual: integre o JetMenu ao Astra, ative o mega menu nos itens certos, monte o conteúdo em colunas, alinhe o estilo e teste no celular. Esquecer o comportamento mobile é o erro que mais quebra a navegação, então teste a versão compacta. Para padronizar o Crocoblock em vários sites sem licença avulsa, conheça os [planos da FULL](https://full.services/planos), e para continuar aprendendo, o [FULL Academy](https://full.services/academy/) reúne os tutoriais de WordPress em um só lugar.
---
## Metadados Estruturados (Schema.org)
```json-ld
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "TechArticle",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#article",
"headline": "Como criar um mega menu com JetMenu e Astra",
"description": "Criar um mega menu com JetMenu e Astra é transformar a navegação do site em um painel largo que abre ao passar o mouse, com colunas, ícones, imagens e até widgets, em vez do menu suspenso simples de u",
"url": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/",
"datePublished": "2026-06-21T09:00:00-03:00",
"dateModified": "2026-06-21T09:00:00-03:00",
"inLanguage": "pt-BR",
"articleSection": "Plugins Uteis WordPress",
"keywords": [
"criar mega menu com jetmenu e astra",
"WordPress Plugins",
"WordPress Tools",
"Plugin Development"
],
"author": {
"@id": "https://full.services/#person-clayton"
},
"publisher": {
"@id": "https://full.services/#org"
},
"about": [
{
"@type": "Thing",
"name": "WordPress Plugins"
},
{
"@type": "Thing",
"name": "WordPress Tools"
},
{
"@type": "Thing",
"name": "Plugin Development"
}
],
"mentions": [
{
"@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/criar-mega-menu-com-jetmenu-e-astra/"
},
"wordCount": 2600,
"citation": [
{
"@type": "CreativeWork",
"name": "WordPress Developer Docs",
"url": "https://developer.wordpress.org",
"publisher": {
"@type": "Organization",
"name": "WordPress Developer Docs"
}
}
]
},
{
"@type": "FAQPage",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#faq",
"isPartOf": {
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#article"
},
"mainEntity": [
{
"@type": "Question",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#faq-q1",
"name": "Quando vale usar um mega menu em vez do menu padrão?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Use o mega menu quando o site tem muitas seções ou categorias que não cabem bem em um menu suspenso simples, e você quer organizá-las em colunas, com ícones e imagens. Ele brilha em lojas, portais e sites densos, onde a navegação precisa de grupos visuais. Use o menu padrão quando o site é enxuto, com poucos itens que cabem em uma linha, porque aí o mega menu só adiciona complexidade sem ganho. A regra é o volume: muitos links pedem o painel; poucos ficam melhores no menu simples.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#faq-q2",
"name": "O mega menu funciona bem no celular?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Funciona, desde que você configure o comportamento mobile. O painel largo do mega menu não cabe na tela pequena, então o JetMenu o transforma em um menu compacto de toque, com submenus que abrem e fecham. O cuidado é testar esse comportamento, porque o erro mais comum é caprichar no desktop e deixar o mobile quebrado. Como a maioria do tráfego vem do celular, configure e teste a versão compacta com a mesma atenção do painel desktop.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#faq-q3",
"name": "Preciso do Crocoblock completo ou só do JetMenu?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "O JetMenu sozinho já cria o mega menu, mas ele faz parte do ecossistema Crocoblock, que integra vários plugins Jet. Se o seu objetivo é só a navegação avançada, o JetMenu resolve. Se você também monta conteúdo dinâmico, listings e filtros, o pacote Crocoblock completo se paga, porque os plugins trabalham juntos. Para quem usa vários recursos Jet em vários sites, vale um plano que inclua o Crocoblock, evitando licenças avulsas. A escolha depende de quanto do ecossistema você usa além do menu.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#faq-q4",
"name": "O mega menu deixa o site mais lento?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pode deixar, se o painel for carregado de imagens pesadas. O mega menu aparece no cabeçalho, que carrega em todas as páginas, então imagens grandes ou muitos elementos no painel adicionam peso a cada acesso. A solução é usar imagens otimizadas e manter o painel enxuto, com o essencial da navegação. Bem montado, o impacto na velocidade é pequeno; o problema surge quando se empilha conteúdo visual sem necessidade. Trate o peso do cabeçalho com cuidado, principalmente no celular, onde cada quilobyte conta mais.",
"author": {
"@id": "https://full.services/#org"
}
}
}
]
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://full.services/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Como criar um mega menu com JetMenu e Astra",
"item": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/"
}
]
},
{
"@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/criar-mega-menu-com-jetmenu-e-astra/#howto",
"isPartOf": {
"@id": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/#article"
},
"name": "Passo a passo: criar mega menu com jetmenu e astra",
"description": "Guia passo a passo sobre criar mega menu com jetmenu e astra para WordPress.",
"url": "https://full.services/criar-mega-menu-com-jetmenu-e-astra/",
"totalTime": "PT30M",
"author": {
"@type": "Organization",
"@id": "https://full.services/#org"
},
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Passo 1: Integre o JetMenu ao cabeçalho do Astra",
"text": "Ative o JetMenu e confirme que ele se integra ao menu do tema Astra, aparecendo como opção nos itens de menu do WordPress, porque é essa integração que faz o mega menu surgir no cabeçalho que o Astra controla. Confira nas configurações do JetMenu a ligação com o local de menu do Astra. Teste que a opção de mega menu aparece ao editar um item. Se o JetMenu entra em conflito com o tema e o estilo quebra, veja como corrigir o erro de estilo do JetMenu com o Astra antes de seguir."
},
{
"@type": "HowToStep",
"position": 2,
"name": "Passo 2: Ative o mega menu nos itens certos",
"text": "Edite o item de menu que deve abrir um painel e ative o mega menu nele, deixando os itens simples como links comuns, porque nem todo item precisa de um painel largo, e ativar em todos polui a navegação. Escolha os itens com muitas subseções para o mega menu. Mantenha os links diretos como itens normais. Essa seleção é o que dá ritmo à navegação, com painéis ricos onde há volume e links simples onde basta um clique, em vez de transformar cada item em um painel desnecessário."
},
{
"@type": "HowToStep",
"position": 3,
"name": "Passo 3: Monte o conteúdo do painel",
"text": "No editor do JetMenu, monte o conteúdo do painel do item, organizando os links em colunas e adicionando ícones, descrições ou imagens onde ajudarem, porque é o conteúdo bem distribuído que torna o mega menu útil, e não só largo. Agrupe os links por tema em cada coluna. Use os recursos visuais com moderação, para não pesar. Um painel organizado guia o visitante; um painel lotado de tudo confunde tanto quanto a lista longa que o mega menu deveria substituir, então distribua com clareza."
},
{
"@type": "HowToStep",
"position": 4,
"name": "Passo 4: Estilize e alinhe ao tema",
"text": "Ajuste as cores, fontes e espaçamentos do mega menu para que ele combine com a identidade do site e com o cabeçalho do Astra, porque um painel destoante do resto do site parece um corpo estranho. Use as opções de estilo do JetMenu para alinhar a aparência ao tema. Mantenha a consistência com o restante da navegação. Se o Astra e outro plugin de construção entram em conflito de estilo no cabeçalho, veja como corrigir o conflito entre o Astra Pro e o Elementor Pro, que afeta a aparência."
},
{
"@type": "HowToStep",
"position": 5,
"name": "Passo 5: Teste o menu no celular",
"text": "Abra o site no celular e confirme que o mega menu colapsa em um menu compacto e navegável, porque um painel largo não cabe na tela pequena e precisa virar um menu de toque. O JetMenu oferece um comportamento mobile próprio, que você configura e testa. Verifique que os submenus abrem e fecham bem ao toque. Se o JetMenu não exibe direito no celular, veja como corrigir o JetMenu que não exibe no mobile, porque a maioria do tráfego navega pelo celular. Legenda: cada passo fecha uma etapa, do menu base ao mega menu compacto no celular.
Os três erros mais comuns ao montar um mega menu são esquecer o comportamento mobile, lotar o painel e ativar o mega menu em todos os itens. O primeiro é o mais grave: o menu fica lindo no desktop, mas no celular o painel largo quebra ou some, e a maioria dos visitantes, que navega pelo telefone, fica sem conseguir usar a navegação principal do site. O segundo erro é o painel lotado, com links demais e elementos visuais em excesso, que confunde tanto quanto a lista longa que o mega menu deveria organizar. A correção é distribuir os links com"
}
]
}
]
}
```