{"id":100341,"date":"2013-01-29T21:29:43","date_gmt":"2013-01-29T21:29:43","guid":{"rendered":"http:\/\/wpml.org\/documentacao\/por-onde-comecar\/navegacao-no-site\/"},"modified":"2024-12-04T10:27:21","modified_gmt":"2024-12-04T10:27:21","slug":"navegacao-no-site","status":"publish","type":"page","link":"https:\/\/wpml.org\/pt-br\/documentacao\/informacoes-para-desenvolvedores\/navegacao-no-site\/","title":{"rendered":"Adicionando Elementos de Navega\u00e7\u00e3o ao Seu Site com o Add-on WPML CMS Navigation"},"content":{"rendered":"\n<p class=\"lead\"><strong>WPML CMS Navigation<\/strong> \u00e9 um plugin adicional que fornece elementos de navega\u00e7\u00e3o ao construir seu site multil\u00edngue.<\/p>\n\n<p>O add-on est\u00e1 inclu\u00eddo no seu pacote WPML Multilingual CMS.<\/p>\n\n<p>Os elementos de navega\u00e7\u00e3o que voc\u00ea pode adicionar com o <strong>plugin WPML CMS Navigation<\/strong> incluem:<\/p>\n\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"66f22fab7bcddbe7ecb0e6dc7cef4860\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Breadcrumbs<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Ajuda os usu\u00e1rios a encontrar seu caminho atrav\u00e9s da estrutura do site<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/breadcrumbs-1536x716.png\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/breadcrumbs-1536x716.png\" width=\"1536\" height=\"716\"\/><\/a><\/p><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Menus suspensos<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">D\u00e1 aos usu\u00e1rios acesso r\u00e1pido a se\u00e7\u00f5es espec\u00edficas<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/dropdown-menus-1536x597.png\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/dropdown-menus-1536x597.png\" width=\"1536\" height=\"597\"\/><\/a><\/p><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Barra lateral<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Mostra aos usu\u00e1rios p\u00e1ginas relacionadas \u00e0 p\u00e1gina que est\u00e3o visualizando<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/sidebar-1536x827.png\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/sidebar-1536x827.png\" alt=\"\" width=\"1536\" height=\"827\"\/><\/a><\/p><\/div>\n<\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\" id=\"add-navigation-to-theme\">Adicionando Elementos de Navega\u00e7\u00e3o ao Seu Tema<\/h2>\n\n<p>Para usar cada elemento, adicione-os ao seu tema usando fun\u00e7\u00f5es PHP de linha \u00fanica.<\/p>\n\n<figure class=\"wp-block-table is-style-regular nt nw\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\"><\/th><th class=\"has-text-align-left\" data-align=\"left\">C\u00f3digo PHP<\/th><th class=\"has-text-align-left\" data-align=\"left\">Onde Adicionar<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Breadcrumbs<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_breadcrumb'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">header.php ou single.php, page.php, archive.php, tag.php e search.php<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Menus suspensos<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_menu'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">header.php<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Barra lateral<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_sidebar'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">sidebar.php<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p>A navega\u00e7\u00e3o na barra lateral tamb\u00e9m vem como um Widget WordPress. Adicione-o atrav\u00e9s do controle de Widgets na p\u00e1gina <strong>Apar\u00eancia \u2192 Widgets<\/strong>. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"customize-navigation-elements\">Personalizando Elementos de Navega\u00e7\u00e3o<\/h2>\n\n<p>Para personalizar as configura\u00e7\u00f5es globais do add-on, v\u00e1 para <strong>WPML \u2192 Navega\u00e7\u00e3o.<\/strong> Voc\u00ea pode ajustar configura\u00e7\u00f5es b\u00e1sicas, como o s\u00edmbolo que separa o caminho dos breadcrumbs.<\/p>\n\n<p>Voc\u00ea tamb\u00e9m pode aplicar v\u00e1rias personaliza\u00e7\u00f5es atrav\u00e9s do editor WordPress ou CSS.<\/p>\n\n<h3 class=\"wp-block-heading\">1. Personalizando Elementos de Navega\u00e7\u00e3o com o Editor WordPress<\/h3>\n\n<p>Quando voc\u00ea estiver editando uma p\u00e1gina no editor WordPress, role para baixo para encontrar uma se\u00e7\u00e3o rotulada <strong>CMS Navigation<\/strong>.<\/p>\n\n<figure class=\"wp-block-image tb-image tb-image-dynamic tb-image-frame-none\" data-toolset-blocks-image=\"42c0545cd2f3545b98e98cf33e20974f\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png\"><img decoding=\"async\" width=\"1239\" height=\"731\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png\" alt=\"\" class=\"wp-image-16367742\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png 1239w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-300x177.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-1024x604.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-150x88.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-768x453.png 768w\" sizes=\"auto, (max-width: 1239px) 100vw, 1239px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Role para baixo no editor WordPress para encontrar a se\u00e7\u00e3o com configura\u00e7\u00f5es de Navega\u00e7\u00e3o<p><span style=\"font-style: italic; font-family: Verdana, Geneva, sans-serif; white-space-collapse: collapse;\"><\/span><\/p><\/div><\/figcaption><\/figure>\n\n<p>Esta se\u00e7\u00e3o permite que voc\u00ea personalize o que exibir na barra lateral. Voc\u00ea pode: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Excluir a p\u00e1gina atual<\/li>\n\n\n\n<li>Mostrar ou n\u00e3o mostrar suas p\u00e1ginas filhas<\/li>\n\n\n\n<li>Atribuir uma se\u00e7\u00e3o para mostrar a p\u00e1gina abaixo<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">2. Personalizando a Apar\u00eancia dos Elementos de Navega\u00e7\u00e3o com CSS<\/h3>\n\n<p>Os elementos de navega\u00e7\u00e3o v\u00eam com uma apar\u00eancia padr\u00e3o, que voc\u00ea pode personalizar usando CSS.<\/p>\n\n<p>V\u00e1 para <strong>..\/wp-content\/plugins\/wpml-cms-nav\/res\/css<\/strong> para localizar dois arquivos:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>cms-navigation-base.css<\/strong>: Este \u00e9 respons\u00e1vel pela funcionalidade do menu suspenso e voc\u00ea <strong>n\u00e3o deve<\/strong> modific\u00e1-lo.<\/li>\n\n\n\n<li><strong>cms-navigation.css<\/strong>: Este \u00e9 um arquivo que voc\u00ea pode copiar e modificar para adicionar suas personaliza\u00e7\u00f5es.<\/li>\n<\/ul>\n\n<p>Siga estas etapas:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Copie o segundo arquivo, <strong>cms-navigation.css<\/strong>, do diret\u00f3rio do plugin e coloque-o no diret\u00f3rio do seu tema.<\/li>\n\n\n\n<li>Chame <strong>wp_head()<\/strong> e carregue sua c\u00f3pia. Isso carregar\u00e1 os arquivos CSS do plugin. <\/li>\n\n\n\n<li>Aplique suas personaliza\u00e7\u00f5es CSS ao novo arquivo.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>WPML CMS Navigation \u00e9 um plugin adicional que fornece elementos de navega\u00e7\u00e3o ao construir seu site multil\u00edngue. O add-on est\u00e1 inclu\u00eddo no seu pacote WPML Multilingual CMS. Os elementos de navega\u00e7\u00e3o que voc\u00ea pode adicionar com o plugin WPML CMS Navigation incluem: Adicionando Elementos de Navega\u00e7\u00e3o ao Seu Tema Para usar cada elemento, adicione-os ao [&hellip;]<\/p>\n","protected":false},"author":777903,"featured_media":0,"parent":110624,"menu_order":66,"comment_status":"closed","ping_status":"closed","template":"template-nosidebar-centered.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-100341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/users\/777903"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/comments?post=100341"}],"version-history":[{"count":6,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100341\/revisions"}],"predecessor-version":[{"id":16475852,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100341\/revisions\/16475852"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/110624"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/media?parent=100341"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/related-projects-category?post=100341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}