{"id":34012,"date":"2020-01-30T05:42:32","date_gmt":"2020-01-30T13:42:32","guid":{"rendered":"https:\/\/kinqsta.com\/?post_type=knowledgebase&#038;p=66027"},"modified":"2025-10-01T17:07:58","modified_gmt":"2025-10-01T20:07:58","slug":"menu-suspenso-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/","title":{"rendered":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)"},"content":{"rendered":"<p>A navega\u00e7\u00e3o no site \u00e9 fundamental para ajudar seus usu\u00e1rios a chegar onde eles querem ir. Um menu bem desenhado pode contribuir muito para melhorar a Experi\u00eancia do Usu\u00e1rio (UX), e at\u00e9 mesmo <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-reduzir-a-taxa-de-rejeicao\/\">diminuir a sua taxa de ressalto<\/a>. No entanto, um mal feito pode fazer exatamente o contr\u00e1rio.<\/p>\n<p>Felizmente, o WordPress permite que voc\u00ea <a href=\"https:\/\/kinqsta.com\/pt\/blog\/menus-navegacao-personalizados\/\">crie menus personalizados<\/a> para atender \u00e0s necessidades do seu site. Voc\u00ea pode at\u00e9 mesmo usar fun\u00e7\u00f5es nativas para adicionar um menu suspenso WordPress compacto que economiza espa\u00e7o, enquanto ainda fornece uma dire\u00e7\u00e3o clara para os seus visitantes.<\/p>\n<p>Neste post, discutiremos por que a navega\u00e7\u00e3o no site \u00e9 importante e como os menus suspensos podem ser particularmente \u00fateis. Em seguida, vamos mostrar como cri\u00e1-los no WordPress, e partilhar alguns plugins que podem ajudar.<\/p>\n<p>Vamos mergulhar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Uma Introdu\u00e7\u00e3o \u00e0 Navega\u00e7\u00e3o por WordPress e Menus Dropdown<\/h2>\n<p>Embora possam ser despretensiosos, os menus de navega\u00e7\u00e3o s\u00e3o um elemento vital de qualquer website. Eles ajudam os usu\u00e1rios a encontrar rapidamente as p\u00e1ginas mais relevantes para atingir seus objetivos, ao mesmo tempo em que d\u00e3o aos primeiros visitantes uma id\u00e9ia do que voc\u00ea tem a oferecer:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/esempio-menu-1.png\" alt=\"esempio di menu\" width=\"1500\" height=\"112\"><figcaption class=\"wp-caption-text\">O menu principal de navega\u00e7\u00e3o do site Kinsta<\/figcaption><\/figure>\n<p>Ter um menu de navega\u00e7\u00e3o bem desenhado \u00e9 fundamental para impulsionar as convers\u00f5es e diminuir a sua taxa de ressalto. Quando os usu\u00e1rios podem encontrar facilmente as p\u00e1ginas onde seu produto, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-plugins-formulario-contato\/\">formul\u00e1rio de inscri\u00e7\u00e3o por e-mail <\/a>ou outro conte\u00fado de convers\u00e3o est\u00e1 localizado, voc\u00ea ter\u00e1 um tempo mais simples para conseguir que eles fa\u00e7am uma compra ou inscri\u00e7\u00e3o.<\/p>\n<p>Al\u00e9m disso, se os utilizadores conseguirem encontrar o seu caminho atrav\u00e9s do seu site com confian\u00e7a, n\u00e3o ter\u00e3o de saltar das suas p\u00e1ginas porque acabaram no s\u00edtio errado. Ajud\u00e1-los a acertar da primeira vez pode tanto melhorar o UX como minimizar a frustra\u00e7\u00e3o.<\/p>\n<p>No WordPress, os menus s\u00e3o uma caracter\u00edstica inerente. Qualquer site criado com a plataforma pode exibir um ou mais deles. No entanto, os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-wordpress-mais-rapidos\/\">temas do WordPress <\/a>tamb\u00e9m desempenham um papel importante quando se trata de estilizar e colocar o seu menu ou menus.<\/p>\n<p>Por este motivo, o seu menu WordPress pode assumir muitas formas diferentes. O mais familiar \u00e9 o menu de cabe\u00e7alho standard:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-cabecalho-tipico.png\" alt=\"Um exemplo de um menu de cabe\u00e7alho t\u00edpico\" width=\"1500\" height=\"618\"><figcaption class=\"wp-caption-text\">Um exemplo de um menu de cabe\u00e7alho t\u00edpico<\/figcaption><\/figure>\n<p>Muitas vezes voc\u00ea tamb\u00e9m pode incluir um menu de rodap\u00e9 adicional no final das p\u00e1ginas. Ele pode exibir o mesmo conte\u00fado do seu menu principal, ou oferecer op\u00e7\u00f5es ligeiramente diferentes:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-rodape-1.png\" alt=\"Um exemplo de um menu de rodap\u00e9\" width=\"1500\" height=\"391\"><figcaption class=\"wp-caption-text\">Um exemplo de um menu de rodap\u00e9<\/figcaption><\/figure>\n<p>Outro estilo \u00e9 a sobreposi\u00e7\u00e3o do menu, que os usu\u00e1rios podem abrir e fechar \u00e0 vontade:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-sobreposicoes-1.png\" alt=\"Um exemplo de um menu de sobreposi\u00e7\u00f5es\" width=\"1500\" height=\"854\"><figcaption class=\"wp-caption-text\">Um exemplo de um menu de sobreposi\u00e7\u00f5es<\/figcaption><\/figure>\n<p>Alternativamente, voc\u00ea pode considerar o uso de um menu de barras laterais:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-lateral-1.png\" alt=\"Um exemplo de um menu lateral\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Um exemplo de um menu lateral<\/figcaption><\/figure>\n<p>Ou voc\u00ea pode incorporar um menu suspenso, tamb\u00e9m chamado por vezes de menu &#8220;aninhado&#8221;:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-suspenso-1.png\" alt=\"Um exemplo de um menu suspenso\" width=\"1500\" height=\"806\"><figcaption class=\"wp-caption-text\">Um exemplo de um menu suspenso<\/figcaption><\/figure>\n<p>Este tipo de navega\u00e7\u00e3o \u00e9 ideal para muitos tipos de sites. N\u00e3o vai obscurecer o seu conte\u00fado como um menu de sobreposi\u00e7\u00e3o, mas n\u00e3o \u00e9 t\u00e3o intrusivo como uma grande barra de cabe\u00e7alho ou um menu de barra lateral.<\/p>\n<p>Ao esconder algum conte\u00fado at\u00e9 que seja necess\u00e1rio, voc\u00ea economizar\u00e1 espa\u00e7o na tela e, ao mesmo tempo, oferecer\u00e1 aos usu\u00e1rios uma maneira f\u00e1cil de se locomover.<\/p>\n<h2>Como criar um menu suspenso no WordPress (Em 5 passos)<\/h2>\n<p>Se voc\u00ea decidiu que um menu suspenso pode ser um bom ajuste para o seu site WordPress, configurar um \u00e9 bastante simples. Usando os recursos do menu nativo dispon\u00edveis no WordPress, voc\u00ea pode criar um sistema de navega\u00e7\u00e3o personalizado que atenda \u00e0s suas necessidades em apenas cinco etapas.<\/p>\n<h3>Passo 1: Crie os seus itens de menu<\/h3>\n<p>O primeiro passo para criar um menu \u00e9 decidir o que incluir no mesmo. Comece navegando para<strong> Appearance &gt; Menus <\/strong>no seu painel do WordPress:<\/p>\n<figure style=\"width: 437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-wordpress-2.png\" alt=\"Menu WordPress\" width=\"437\" height=\"524\"><figcaption class=\"wp-caption-text\">Aceder ao editor de menus no painel de controle do WordPress<\/figcaption><\/figure>\n<p>O que voc\u00ea v\u00ea no editor de menu ir\u00e1 variar ligeiramente dependendo do seu tema.<\/p>\n<p>No entanto, o que \u00e9 importante notar por agora \u00e9 a primeira op\u00e7\u00e3o no separador<strong> Editar Menus<\/strong>. Voc\u00ea deve ver uma op\u00e7\u00e3o onde voc\u00ea pode selecionar um de seus menus existentes para editar, bem como uma op\u00e7\u00e3o para<strong> criar um novo menu<\/strong>:<\/p>\n<figure style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/criacao-novo-menu-wordpress.png\" alt=\"A cria\u00e7\u00e3o de um novo link de menu na parte superior do editor de menus do WordPress\" width=\"662\" height=\"189\"><figcaption class=\"wp-caption-text\">A cria\u00e7\u00e3o de um novo link de menu na parte superior do editor de menus do WordPress<\/figcaption><\/figure>\n<p>Para este exemplo, vamos escolher a \u00faltima op\u00e7\u00e3o e criar um novo menu. Isto envolve adicionar um t\u00edtulo e depois clicar no bot\u00e3o<strong> Criar Menu<\/strong>:<\/p>\n<figure style=\"width: 888px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/criar-wordpress-menu.png\" alt=\"Nomear e criar o novo menu\" width=\"888\" height=\"683\"><figcaption class=\"wp-caption-text\">Nomear e criar o novo menu<\/figcaption><\/figure>\n<p>Agora voc\u00ea est\u00e1 pronto para come\u00e7ar a adicionar itens ao seu menu do WordPress. Na maioria dos casos, \u00e9 melhor manter o seu menu o mais simples poss\u00edvel, ao mesmo tempo que d\u00e1 aos usu\u00e1rios informa\u00e7\u00f5es suficientes para chegar onde eles querem ir.<\/p>\n<p>A incorpora\u00e7\u00e3o de demasiadas p\u00e1ginas pode sobrecarregar os visitantes e tornar a navega\u00e7\u00e3o mais dif\u00edcil em vez de mais f\u00e1cil.<\/p>\n<p>Existem algumas maneiras diferentes de adicionar os seus itens de menu. As duas primeiras s\u00e3o<strong> P\u00e1ginas<\/strong> e <strong>Posts<\/strong>, e funcionam de forma muito semelhante.<\/p>\n<figure style=\"width: 884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/acrescentar-paginas-menu-1.png\" alt=\"Acrescentar p\u00e1ginas ao menu\" width=\"884\" height=\"696\"><figcaption class=\"wp-caption-text\">Acrescentar p\u00e1ginas ao menu<\/figcaption><\/figure>\n<p>Na barra lateral do editor de menus, simplesmente selecione as caixas de sele\u00e7\u00e3o para cada p\u00e1gina ou post que voc\u00ea deseja incluir, e clique no bot\u00e3o<strong> Adicionar ao Menu<\/strong>:<\/p>\n<p>A sua pr\u00f3xima op\u00e7\u00e3o \u00e9 incorporar<strong> Links Personalizados<\/strong>. Isso envolve fornecer a URL da p\u00e1gina para a qual voc\u00ea quer direcionar os usu\u00e1rios e, em seguida, criar uma etiqueta curta, mas descritiva para ela. Depois disso, voc\u00ea pode clicar em<strong> Adicionar ao Menu<\/strong> novamente:<\/p>\n<figure style=\"width: 889px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/adicionando-link-personalizado-menu-1.png\" alt=\"Adicionando um link personalizado ao menu\" width=\"889\" height=\"551\"><figcaption class=\"wp-caption-text\">Adicionando um link personalizado ao menu<\/figcaption><\/figure>\n<p>Finalmente, voc\u00ea tamb\u00e9m pode adicionar <strong>Categorias de P\u00e1ginas e Postais <\/strong>ao seu menu de navega\u00e7\u00e3o. Isto levar\u00e1 os usu\u00e1rios a uma p\u00e1gina de arquivo onde eles podem ver todo o conte\u00fado sobre um t\u00f3pico em particular.<\/p>\n<p>Blogs e outros sites de conte\u00fado pesado podem achar este recurso especialmente \u00fatil:<\/p>\n<figure style=\"width: 886px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/adicionar-categorias-menu.png\" alt=\"Adicionar categorias ao menu\" width=\"886\" height=\"662\"><figcaption class=\"wp-caption-text\">Adicionar categorias ao menu<\/figcaption><\/figure>\n<p>Como nas op\u00e7\u00f5es P\u00e1ginas e Posts, basta selecionar as<strong> caixas de sele\u00e7\u00e3o das categorias <\/strong>que voc\u00ea deseja incluir e escolher<strong> Adicionar ao Menu<\/strong><em>.<\/em><\/p>\n<h3>Passo 2: Organize o seu menu WordPress<\/h3>\n<p>Depois de adicionar todos os seus itens de menu, voc\u00ea deve v\u00ea-los listados em pe\u00e7as individuais em<strong> Estrutura de Menu<\/strong> no editor:<\/p>\n<figure style=\"width: 882px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/estrutura-menus.png\" alt=\"A se\u00e7\u00e3o Estrutura de menus do editor de menus\" width=\"882\" height=\"742\"><figcaption class=\"wp-caption-text\">A se\u00e7\u00e3o Estrutura de menus do editor de menus<\/figcaption><\/figure>\n<p>Inicialmente, os itens do menu aparecer\u00e3o na ordem em que voc\u00ea os adicionou. No entanto, voc\u00ea pode facilmente modificar a organiza\u00e7\u00e3o deles arrastando-os e soltando-os no lugar. Isso permitir\u00e1 que voc\u00ea crie um menu simples sem a funcionalidade dropdown.<\/p>\n<p>H\u00e1 algumas maneiras de adicionar dropdowns ao seu menu WordPress.<\/p>\n<p>O mais simples \u00e9 continuar a arrastar e largar, mas come\u00e7ar a aninhar certos itens do menu sob outros:<\/p>\n<figure id=\"attachment_34050\" aria-describedby=\"caption-attachment-34050\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-34050\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/categorias-aninhamento-pagina-blog.png\" alt width=\"768\" height=\"637\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/categorias-aninhamento-pagina-blog.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/categorias-aninhamento-pagina-blog-300x249.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-34050\" class=\"wp-caption-text\">Categorias de aninhamento sob a p\u00e1gina do Blog<\/figcaption><\/figure>\n<p>Por exemplo, na imagem acima, movemos as tr\u00eas categorias de posts que adicionamos ao menu em<strong> Blog<\/strong>, tornando-as &#8220;subitens&#8221;. No frontend, isto ir\u00e1 criar um menu suspenso que se parece com isto:<\/p>\n<figure style=\"width: 470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/exemplo-menu-dropdown-wordpress.png\" alt=\"Exemplo de um menu dropdown no WordPress\" width=\"470\" height=\"263\"><figcaption class=\"wp-caption-text\">Exemplo de um menu dropdown no WordPress<\/figcaption><\/figure>\n<p>Se voc\u00ea gostaria de adicionar um menu suspenso que inclui todas as categorias do seu site, voc\u00ea pode faz\u00ea-lo adicionando um <strong>Link personalizado<\/strong> ao seu menu. Use &#8220;#&#8221; como URL e &#8220;Categorias&#8221; ou algo similar para a etiqueta:<\/p>\n<figure style=\"width: 883px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/criacao-etiqueta-categorias-menu.png\" alt=\"Cria\u00e7\u00e3o de uma etiqueta de Categorias para o menu\" width=\"883\" height=\"744\"><figcaption class=\"wp-caption-text\">Cria\u00e7\u00e3o de uma etiqueta de Categorias para o menu<\/figcaption><\/figure>\n<p>Voc\u00ea pode ent\u00e3o adicionar todas as suas categorias ao menu e aninh\u00e1-las sob esta etiqueta. Cada categoria ser\u00e1 clic\u00e1vel, mas a etiqueta n\u00e3o ser\u00e1:<\/p>\n<figure style=\"width: 508px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-categorias.png\" alt=\"O menu suspenso Categorias\" width=\"508\" height=\"229\"><figcaption class=\"wp-caption-text\">O menu suspenso Categorias<\/figcaption><\/figure>\n<p>Usando uma t\u00e9cnica similar, voc\u00ea tamb\u00e9m pode esconder todos os seus itens de menu em um \u00fanico menu suspenso.<\/p>\n<p>Adicione outro Link personalizado, usando &#8220;#&#8221; como o URL e &#8220;Menu&#8221; como a etiqueta. Depois, aninhe todos os outros itens do seu menu sob esse:<\/p>\n<figure style=\"width: 909px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/aninhando-todos-links-navegacao-unica-etiqueta-menu.png\" alt=\"Aninhando todos os links de navega\u00e7\u00e3o sob uma \u00fanica etiqueta de Menu\" width=\"909\" height=\"816\"><figcaption class=\"wp-caption-text\">Aninhando todos os links de navega\u00e7\u00e3o sob uma \u00fanica etiqueta de Menu<\/figcaption><\/figure>\n<p>O resultado no frontend ser\u00e1 um menu suspenso que inclui as p\u00e1ginas-chave do seu site.<\/p>\n<p>Como voc\u00ea pode ver no item<strong> Categorias<\/strong> abaixo, qualquer conte\u00fado aninhado sob um subitem aparecer\u00e1 em um sub-menu:<\/p>\n<figure style=\"width: 468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/verdadeiro-menu-suspenso-navegacao-wordpress-1.png\" alt=\"Um verdadeiro menu suspenso de navega\u00e7\u00e3o WordPress\" width=\"468\" height=\"314\"><figcaption class=\"wp-caption-text\">Um verdadeiro menu suspenso de navega\u00e7\u00e3o WordPress<\/figcaption><\/figure>\n<p>Usando o editor de menu arrastar e soltar desta forma, voc\u00ea pode criar qualquer estilo e combina\u00e7\u00e3o de menus dropdown do WordPress. Lembre-se, por\u00e9m, que muitos itens de menu podem ser confusos para os usu\u00e1rios.<\/p>\n<p>Tamb\u00e9m \u00e9 melhor limitar o n\u00famero de sub-menus que voc\u00ea incorpora, para evitar sobrecarregar a sua navega\u00e7\u00e3o.<\/p>\n<h3>Passo 3: Incorporar imagens no seu menu WordPress<\/h3>\n<p>Se ao final do Passo 2, seu menu suspenso se parecer exatamente como voc\u00ea imaginou, voc\u00ea pode pular para o Passo 5 para public\u00e1-lo. No entanto, h\u00e1 passos adicionais que voc\u00ea pode querer tomar se quiser melhorar o seu menu com personaliza\u00e7\u00f5es.<\/p>\n<p>Uma t\u00e1tica a considerar \u00e9 incorporar elementos visuais nos seus menus para fornecer mais orienta\u00e7\u00e3o aos visitantes. Embora as etiquetas descritivas sejam vitais, \u00e0s vezes uma imagem ou um \u00edcone pode ajudar os usu\u00e1rios a determinar mais rapidamente onde um determinado link de navega\u00e7\u00e3o leva.<\/p>\n<p>\u00c9 poss\u00edvel adicionar imagens usando o CSS personalizado, que discutiremos em breve. No entanto, recomendamos pegar um plugin como o <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\">Menu Image, Icons Made Easy<\/a>:<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-dropdown-wordpress-imagens.png\" alt=\"Menu dropdown WordPress com imagens\" width=\"279\" height=\"340\"><figcaption class=\"wp-caption-text\">Menu dropdown WordPress com imagens<\/figcaption><\/figure>\n<p>Desta forma, voc\u00ea n\u00e3o precisa se preocupar em se preocupar com qualquer c\u00f3digo para adicionar interesse visual ao seu menu suspenso.<\/p>\n<p>Basta instalar o plugin e depois voltar ao<strong> Appearance &gt; Menus:<\/strong><\/p>\n<figure style=\"width: 714px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/seccao-imagem-menu-editor-menus.png\" alt=\"A sec\u00e7\u00e3o Imagem do Menu no editor de menus\" width=\"714\" height=\"523\"><figcaption class=\"wp-caption-text\">A se\u00e7\u00e3o Imagem do Menu no editor de menus<\/figcaption><\/figure>\n<p>Voc\u00ea ver\u00e1 que agora h\u00e1 op\u00e7\u00f5es de imagem para cada p\u00e1gina que voc\u00ea incluiu no seu menu. Voc\u00ea pode selecionar a foto, o tamanho e a posi\u00e7\u00e3o de cada p\u00e1gina. Lembre-se de guardar as suas altera\u00e7\u00f5es quando terminar.<\/p>\n<h3>Passo 4: Adicione CSS personalizado ao seu menu dropdown<\/h3>\n<p>Embora n\u00e3o seja recomendado para iniciantes, os usu\u00e1rios intermedi\u00e1rios e avan\u00e7ados podem querer incorporar seu pr\u00f3prio estilo em seus menus suspensos do WordPress. Antes de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/css-wordpress\/\">saltar diretamente para o seu CSS<\/a>, no entanto, ter\u00e1 de adicionar uma aula ao seu menu.<\/p>\n<p>Se voc\u00ea pular esta etapa, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#css\">seu CSS personalizado<\/a> pode causar problemas para qualquer outro menu em seu site. Por exemplo, voc\u00ea pode inadvertidamente aplicar um estilo ao seu menu de rodap\u00e9 que voc\u00ea quis dizer apenas para o seu menu suspenso principal.<\/p>\n<p>No editor de menus, clique em<strong> Op\u00e7\u00f5es de Tela<\/strong> no canto superior direito:<\/p>\n<figure style=\"width: 263px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/separador-opcoes-ecra-editor-menus.png\" alt=\"O separador Op\u00e7\u00f5es de ecr\u00e3 no editor de menus\" width=\"263\" height=\"98\"><figcaption class=\"wp-caption-text\">O separador Op\u00e7\u00f5es de ecr\u00e3 no editor de menus<\/figcaption><\/figure>\n<p>Depois, marque a caixa para<strong> Classes CSS<\/strong>:<\/p>\n<figure style=\"width: 727px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/caixa-selecao-classes-css-guia-opcoes-tela.png\" alt=\"A caixa de sele\u00e7\u00e3o Classes CSS na guia Op\u00e7\u00f5es da tela\" width=\"727\" height=\"166\"><figcaption class=\"wp-caption-text\">A caixa de sele\u00e7\u00e3o Classes CSS na guia Op\u00e7\u00f5es da tela<\/figcaption><\/figure>\n<p>Isto ir\u00e1 adicionar um campo<strong> CSS Classes<\/strong> a cada p\u00e1gina do seu menu:<\/p>\n<figure style=\"width: 431px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/campo-classes-css-editor-menus.png\" alt=\"O campo Classes CSS no editor de menus\" width=\"431\" height=\"508\"><figcaption class=\"wp-caption-text\">O campo Classes CSS no editor de menus<\/figcaption><\/figure>\n<p>Assim que voc\u00ea adicionar uma ou mais classes CSS aos itens do seu menu, qualquer c\u00f3digo personalizado que voc\u00ea incluir na sua folha de estilos s\u00f3 se aplicar\u00e1 aos itens do seu menu com a classe que voc\u00ea especificar.<\/p>\n<p>Agora voc\u00ea pode ir at\u00e9 a sua folha de estilos ou o Customizer, e come\u00e7ar a trabalhar no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/editar-codigo-wordpress\/#css\">seu estilo personalizado<\/a>.<\/p>\n<h3>Passo 5: Publique o seu Menu em Prime Locations<\/h3>\n<p>Assim que o seu menu suspenso WordPress estiver estruturado para atender \u00e0s suas necessidades, e voc\u00ea tiver incorporado as personaliza\u00e7\u00f5es que desejar, voc\u00ea estar\u00e1 pronto para public\u00e1-lo no seu site.<\/p>\n<p>Este processo ir\u00e1 variar ligeiramente dependendo do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-alterar-tema-wordpress\/\">seu tema<\/a> e de quais localiza\u00e7\u00f5es de menu ele suporta. Para este exemplo, vamos usar o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/twenty-twenty-tema\/\">tema dos Vinte Vinte<\/a>.<\/p>\n<p>No editor de menus, des\u00e7a at\u00e9 a se\u00e7\u00e3o<strong> Configura\u00e7\u00f5es do menu<\/strong>:<\/p>\n<figure style=\"width: 636px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/secao-configuracoes-menu-editor.png\" alt=\"A se\u00e7\u00e3o Configura\u00e7\u00f5es do menu no editor\" width=\"636\" height=\"210\"><figcaption class=\"wp-caption-text\">A se\u00e7\u00e3o Configura\u00e7\u00f5es do menu no editor<\/figcaption><\/figure>\n<p>Voc\u00ea pode selecionar a primeira caixa de sele\u00e7\u00e3o se desejar que novas p\u00e1ginas sejam automaticamente adicionadas ao seu menu. Se voc\u00ea est\u00e1 apenas come\u00e7ando com o seu site e ainda n\u00e3o adicionou todas as suas p\u00e1ginas-chave, isso pode ser \u00fatil. No entanto, tenha cuidado para n\u00e3o adicionar acidentalmente demasiados itens ao seu menu.<\/p>\n<p>Abaixo desta op\u00e7\u00e3o, voc\u00ea ver\u00e1 uma lista de caixas de sele\u00e7\u00e3o observando as diferentes \u00e1reas do seu site onde voc\u00ea pode exibir seu menu.<\/p>\n<p>O tema Vinte Vinte inclui diferentes \u00e1reas de menu: <strong>Menu Horizontal de Secret\u00e1ria<\/strong>, <strong>Menu Expandido de Secret\u00e1ria<\/strong>, <strong>Menu M\u00f3vel<\/strong>, <strong>Menu Rodap\u00e9<\/strong>, <strong>Menu Social<\/strong><em>.<\/em><\/p>\n<p>Neste caso, o menu que cri\u00e1mos \u00e9 o mais adequado para a localiza\u00e7\u00e3o do<strong> Menu Horizontal Desktop<\/strong>, que est\u00e1 no cabe\u00e7alho do site:<\/p>\n<figure style=\"width: 1627px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-horizontal-secretaria-tema-vinte-vinte.png\" alt=\"Menu Horizontal de Secret\u00e1ria para o tema Vinte Vinte\" width=\"1627\" height=\"112\"><figcaption class=\"wp-caption-text\">Menu Horizontal de Secret\u00e1ria para o tema Vinte Vinte<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode considerar navegar para a guia<strong> Gerenciar Locais<\/strong> na \u00e1rea de<strong> Menus<\/strong> do seu painel de instrumentos. Aqui voc\u00ea pode ver todos os locais do menu que s\u00e3o suportados pelo seu tema, bem como o menu que voc\u00ea atribuiu a cada um deles:<\/p>\n<figure style=\"width: 1067px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/separador-gerir-locais.png\" alt=\"O separador Gerir Locais\" width=\"1067\" height=\"479\"><figcaption class=\"wp-caption-text\">O separador Gerir Locais<\/figcaption><\/figure>\n<p>Ao colocar seus menus, pode ser \u00fatil ver como eles ficar\u00e3o no frontend.<\/p>\n<figure style=\"width: 288px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/opcao-gerir-pre-visualizacao-vivo.png\" alt=\"A op\u00e7\u00e3o Gerir com Pr\u00e9-visualiza\u00e7\u00e3o ao Vivo\" width=\"288\" height=\"99\"><figcaption class=\"wp-caption-text\">A op\u00e7\u00e3o Gerir com Pr\u00e9-visualiza\u00e7\u00e3o ao Vivo<\/figcaption><\/figure>\n<p>Clique no bot\u00e3o<strong> Gerenciar com visualiza\u00e7\u00e3o ao vivo<\/strong> para ver como seu menu aparecer\u00e1 no local escolhido para ele, usando o Personalizador do WordPress:<\/p>\n<figure style=\"width: 1378px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/pre-visualizacao-vivo-menu-wordpress-customizer.png\" alt=\"Uma pr\u00e9-visualiza\u00e7\u00e3o ao vivo para o menu do WordPress no Customizer\" width=\"1378\" height=\"1049\"><figcaption class=\"wp-caption-text\">Uma pr\u00e9-visualiza\u00e7\u00e3o ao vivo para o menu do WordPress no Customizer<\/figcaption><\/figure>\n<p>Voc\u00ea pode ent\u00e3o publicar seu menu ou menus diretamente do Customizer. Se voc\u00ea precisar adicionar ou remover itens do menu suspenso, voc\u00ea pode simplesmente retornar ao editor de menu e fazer os ajustes necess\u00e1rios.<\/p>\n<h2>Plugins WordPress para melhorar os seus menus dropdown<\/h2>\n<p>Embora voc\u00ea possa criar menus de navega\u00e7\u00e3o WordPress totalmente funcionais sem nenhuma ferramenta extra, \u00e0s vezes pode ser \u00fatil ampliar a funcionalidade do seu menu. Se for esse o caso do seu site, voc\u00ea pode querer pesquisar alguns <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-menu-plugins\/\">plugins populares do menu do WordPress<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-nested-pages\/\">Nested Pages<\/a> \u00e9 uma forma eficiente para <a href=\"https:\/\/kinqsta.com\/pt\/blog\/artigos-de-forma-longa\/\">blogs de conte\u00fado pesado<\/a> criar menus dropdown. Embora seja usado principalmente para organizar posts e p\u00e1ginas, este plugin tamb\u00e9m ir\u00e1 gerar automaticamente um menu que espelha a estrutura do seu conte\u00fado:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/nested-pages-1.png\" alt=\"Nested Pages\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">Nested Pages WordPress plugin<\/figcaption><\/figure>\n<p>Embora n\u00e3o seja necessariamente aconselh\u00e1vel incorporar um grande n\u00famero de itens nos seus menus, por vezes \u00e9 inevit\u00e1vel.<\/p>\n<p>Se for esse o caso do seu site, o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-menu-plugins\/#max-mega-menu\">Max Mega Menu<\/a> pode ajud\u00e1-lo a combinar seus menus WordPress existentes para formar um &#8220;mega menu&#8221;:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/max-mega-menu-1.png\" alt=\"max mega menu\" width=\"1500\" height=\"489\"><figcaption class=\"wp-caption-text\">Max Mega Menu WordPress plugin<\/figcaption><\/figure>\n<p>Com a navega\u00e7\u00e3o m\u00f3vel em ascens\u00e3o, \u00e9 fundamental assegurar que os seus menus ainda sejam leg\u00edveis em dispositivos m\u00f3veis.<\/p>\n<p><a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-menu-plugins\/#wp-mobile-menu\">WP Mobile Menu<\/a> emparelha com qualquer tema de resposta para ajud\u00e1-lo a criar um sistema de navega\u00e7\u00e3o para os usu\u00e1rios do seu site que est\u00e3o em movimento:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/wp-mobile-menu-1.png\" alt=\"wp mobile menu\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">WP Mobile Menus WordPress plugin<\/figcaption><\/figure>\n<p>Finalmente, como j\u00e1 discutimos, pode haver situa\u00e7\u00f5es em que os itens do menu descritivo n\u00e3o s\u00e3o suficientes. Nessas situa\u00e7\u00f5es, voc\u00ea pode querer olhar para o uso do Menu Image, Icons Made Easy como descrito no Passo 3 acima.<\/p>\n<p>Voc\u00ea pode usar qualquer um desses plugins para melhorar seu sistema de navega\u00e7\u00e3o atual e tornar seu menu suspenso do WordPress mais eficaz. Basta lembrar que \u00e0s vezes, quando se trata de navega\u00e7\u00e3o, <strong>mais simples \u00e9 melhor<\/strong>. Somente adicione recursos extras se isso melhorar o seu UX e evitar a desorganiza\u00e7\u00e3o do seu site.<\/p>\n<h2>Solucionando problemas no menu suspenso do WordPress<\/h2>\n<p>Se voc\u00ea configurou seu menu como descrito acima, mas a funcionalidade dropdown n\u00e3o est\u00e1 funcionando, h\u00e1 v\u00e1rias causas poss\u00edveis.<\/p>\n<p>Embora n\u00e3o possamos cobrir todos eles aqui, podemos ajud\u00e1-lo a reduzir a causa do seu problema para que voc\u00ea possa encontrar a solu\u00e7\u00e3o adequada.<\/p>\n<p>Muitas vezes, um menu com problemas de funcionamento \u00e9 o resultado de c\u00f3digos conflitantes entre o seu menu personalizado e o seu tema. A primeira coisa que voc\u00ea deve fazer se o seu menu n\u00e3o estiver funcionando \u00e9 mudar para um tema padr\u00e3o como o Twenty Twenty. Se o seu menu come\u00e7ar a funcionar novamente, voc\u00ea saber\u00e1 que a quest\u00e3o est\u00e1 relacionada ao seu tema. Voc\u00ea pode ent\u00e3o contatar o desenvolvedor do seu tema para buscar uma solu\u00e7\u00e3o.<\/p>\n<p>Algumas outras causas poss\u00edveis incluem:<\/p>\n<ul>\n<li><strong>C\u00f3digo errado: <\/strong>Verifique se qualquer CSS personalizado que voc\u00ea tenha adicionado est\u00e1 correto e se voc\u00ea est\u00e1 usando classes CSS como descrito no Passo 4.<\/li>\n<li><strong>Incompatibilidade do plugin: <\/strong>Tente desativar quaisquer plugins relacionados com homens que tenha instalado, para ver se isso resolve o problema.<\/li>\n<li><strong>JQuery desatualizada: <\/strong>Atualize para a vers\u00e3o mais recente de jQuery e tente abrir o menu suspenso novamente.<\/li>\n<\/ul>\n<p>No entanto, como mencion\u00e1mos anteriormente, as causas potenciais por detr\u00e1s do seu menu defeituoso s\u00e3o numerosas. Se nenhuma das solu\u00e7\u00f5es acima parece estar funcionando, recomendamos que voc\u00ea visite os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/suporte-para-wordpress\/\">F\u00f3runs de Suporte WordPress<\/a>, entre em contato com a nossa <a href=\"https:\/\/kinqsta.com\/pt\/fale-conosco\/\">Equipe de Suporte Kinsta WordPress<\/a> ou <a href=\"https:\/\/kinqsta.com\/pt\/blog\/contrate-um-desenvolvedor-do-wordpress\/\">contrate um desenvolvedor WordPress<\/a> para corrigi-lo para voc\u00ea.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Embora possa parecer uma pequena quest\u00e3o, a navega\u00e7\u00e3o do seu site WordPress pode fazer ou quebrar o seu sucesso. O uso de menus dropdown pode economizar espa\u00e7o nas telas dos usu\u00e1rios, ao mesmo tempo em que permite que eles se movimentem facilmente pelo seu site e melhorem as suas convers\u00f5es.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A navega\u00e7\u00e3o no site \u00e9 fundamental para ajudar seus usu\u00e1rios a chegar onde eles querem ir. Um menu bem desenhado pode contribuir muito para melhorar a &#8230;<\/p>\n","protected":false},"author":103,"featured_media":34046,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[275,30],"topic":[1026,1037],"class_list":["post-34012","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-wordpress","topic-desenvolvimento-wordpress","topic-dicas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Criar um Menu Suspenso no WordPress (Em 5 passos)<\/title>\n<meta name=\"description\" content=\"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Criar um Menu Suspenso no WordPress (Em 5 passos)\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-30T13:42:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T20:07:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Como Criar um Menu Suspenso no WordPress (Em 5 passos)\",\"datePublished\":\"2020-01-30T13:42:32+00:00\",\"dateModified\":\"2025-10-01T20:07:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\"},\"wordCount\":3173,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\",\"keywords\":[\"ux\",\"WordPress\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\",\"name\":\"Como Criar um Menu Suspenso no WordPress (Em 5 passos)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\",\"datePublished\":\"2020-01-30T13:42:32+00:00\",\"dateModified\":\"2025-10-01T20:07:58+00:00\",\"description\":\"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Como Criar um Menu Suspenso no WordPress (Em 5 passos)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Criar um Menu Suspenso no WordPress (Em 5 passos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)","description":"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!","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:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)","og_description":"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-01-30T13:42:32+00:00","article_modified_time":"2025-10-01T20:07:58+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tempo estimado de leitura":"20 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)","datePublished":"2020-01-30T13:42:32+00:00","dateModified":"2025-10-01T20:07:58+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/"},"wordCount":3173,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","keywords":["ux","WordPress"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/","url":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/","name":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","datePublished":"2020-01-30T13:42:32+00:00","dateModified":"2025-10-01T20:07:58+00:00","description":"Voc\u00ea tem muitos itens para listar no seu menu do WordPress? Solu\u00e7\u00e3o r\u00e1pida: crie um menu suspenso do WordPress em apenas alguns passos seguindo este guia!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/menu-suspenso-wordpress.jpg","width":1460,"height":730,"caption":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/menu-suspenso-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Como Criar um Menu Suspenso no WordPress (Em 5 passos)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=34012"}],"version-history":[{"count":7,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34012\/revisions"}],"predecessor-version":[{"id":49634,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34012\/revisions\/49634"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/se"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/translations\/nl"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34012\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/34046"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=34012"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=34012"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=34012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}