{"id":1387,"date":"2013-01-16T17:38:43","date_gmt":"2013-01-16T17:38:43","guid":{"rendered":"http:\/\/wpml.org\/wpml\/guia-de-inicio\/navegacion-del-sitio\/"},"modified":"2024-12-04T10:28:10","modified_gmt":"2024-12-04T10:28:10","slug":"navegacion-del-sitio","status":"publish","type":"page","link":"https:\/\/wpml.org\/es\/documentation-2\/soporte\/navegacion-del-sitio\/","title":{"rendered":"A\u00f1adiendo Elementos de Navegaci\u00f3n a su Sitio con el Complemento WPML CMS Navigation"},"content":{"rendered":"\n<p class=\"lead\"><strong>WPML CMS Navigation<\/strong> es un complemento que proporciona elementos de navegaci\u00f3n al construir su sitio multiling\u00fce.<\/p>\n\n<p>El complemento est\u00e1 incluido en su paquete de WPML Multilingual CMS.<\/p>\n\n<p>Los elementos de navegaci\u00f3n que puede a\u00f1adir con el <strong>complemento WPML CMS Navigation<\/strong> incluyen:<\/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\">Migas de pan<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Ayuda a los usuarios a encontrar su camino a trav\u00e9s de la estructura del sitio<\/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\">Men\u00fas desplegables<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Proporciona a los usuarios acceso r\u00e1pido a secciones 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\">Muestra a los usuarios p\u00e1ginas relacionadas con la p\u00e1gina que est\u00e1n viendo<\/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\">A\u00f1adiendo Elementos de Navegaci\u00f3n a su Tema<\/h2>\n\n<p>Para usar cada elemento, a\u00f1\u00e1dalos a su tema utilizando funciones PHP de una sola l\u00ednea.<\/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\">D\u00f3nde A\u00f1adir<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Migas de pan<\/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 o single.php, page.php, archive.php, tag.php y search.php<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Men\u00fas desplegables<\/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>La navegaci\u00f3n de la barra lateral tambi\u00e9n viene como un Widget de WordPress. A\u00f1\u00e1dalo a trav\u00e9s del control de Widgets en la p\u00e1gina <strong>Apariencia \u2192 Widgets<\/strong>. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"customize-navigation-elements\">Personalizando Elementos de Navegaci\u00f3n<\/h2>\n\n<p>Para personalizar la configuraci\u00f3n global del complemento, vaya a <strong>WPML \u2192 Navegaci\u00f3n.<\/strong> Puede ajustar configuraciones b\u00e1sicas, como el s\u00edmbolo que separa la ruta de migas de pan.<\/p>\n\n<p>Tambi\u00e9n puede aplicar varias personalizaciones a trav\u00e9s del editor de WordPress o CSS.<\/p>\n\n<h3 class=\"wp-block-heading\">1. Personalizando Elementos de Navegaci\u00f3n con el Editor de WordPress<\/h3>\n\n<p>Cuando est\u00e9 editando una p\u00e1gina en el editor de WordPress, despl\u00e1cese hacia abajo para encontrar una secci\u00f3n etiquetada como <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-16367744\" 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\">Despl\u00e1cese hacia abajo en el editor de WordPress para encontrar la secci\u00f3n con configuraciones de Navegaci\u00f3n<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 secci\u00f3n le permite personalizar lo que se muestra en la barra lateral. Puede: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Excluir la p\u00e1gina actual<\/li>\n\n\n\n<li>Mostrar o no mostrar sus p\u00e1ginas secundarias<\/li>\n\n\n\n<li>Asignar una secci\u00f3n para mostrar la p\u00e1gina debajo<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">2. Personalizando la Apariencia de los Elementos de Navegaci\u00f3n con CSS<\/h3>\n\n<p>Los elementos de navegaci\u00f3n vienen con una apariencia predeterminada, que puede personalizar utilizando CSS.<\/p>\n\n<p>Vaya a <strong>..\/wp-content\/plugins\/wpml-cms-nav\/res\/css<\/strong> para localizar dos archivos:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>cms-navigation-base.css<\/strong>: Este es responsable de la funcionalidad del men\u00fa desplegable y <strong>no deber\u00eda<\/strong> modificarlo.<\/li>\n\n\n\n<li><strong>cms-navigation.css<\/strong>: Este es un archivo que puede copiar y modificar para a\u00f1adir sus personalizaciones.<\/li>\n<\/ul>\n\n<p>Sigue estos pasos:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Copie el segundo archivo, <strong>cms-navigation.css<\/strong>, desde el directorio del complemento y col\u00f3quelo en el directorio de su tema.<\/li>\n\n\n\n<li>Llame a <strong>wp_head()<\/strong> y cargue su copia. Esto cargar\u00e1 los archivos CSS del complemento. <\/li>\n\n\n\n<li>Aplique sus personalizaciones de CSS al nuevo archivo.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>WPML CMS Navigation es un complemento que proporciona elementos de navegaci\u00f3n al construir su sitio multiling\u00fce. El complemento est\u00e1 incluido en su paquete de WPML Multilingual CMS. Los elementos de navegaci\u00f3n que puede a\u00f1adir con el complemento WPML CMS Navigation incluyen: A\u00f1adiendo Elementos de Navegaci\u00f3n a su Tema Para usar cada elemento, a\u00f1\u00e1dalos a su [&hellip;]<\/p>\n","protected":false},"author":777903,"featured_media":0,"parent":1088,"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,"_uag_custom_page_level_css":"","ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-1387","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_icl_translation":["1"],"_wp_page_template":["template-nosidebar-centered.php"],"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_alp_processed":["1733308090"],"_views_template":["0"],"_edit_lock":["1511959166:59141"],"_wpml_media_featured":["1"],"_subscription_coupon_product_id":["0"],"_last_translation_edit_mode":["translation-editor"],"_oembed_bbf56b1d4c25ce11481afba39f176f85":["<iframe title=\"Using WPML to translate content created with page builders\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/MSqNzrdPMkE?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_bbf56b1d4c25ce11481afba39f176f85":["1648758472"],"_oembed_ad44eba37d85b195e5cb17199977d665":["<iframe title=\"sidebar manager\" width=\"525\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/2QWi4Q9fVok?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_ad44eba37d85b195e5cb17199977d665":["1648758473"],"wpcf-unformatted-code":[""],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_oembed_8b192c37df925cacb831b3922e69595d":["<iframe title=\"Using WPML To Translate Pages Built With Fusion Builder (Avada Theme)\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/_bNqjjBPdGA?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_8b192c37df925cacb831b3922e69595d":["1666779983"],"_wpml_media_duplicate":["0"],"toolset_post_editor_mode":["block"],"_yoast_wpseo_metadesc":["WPML CMS Navigation es un complemento que proporciona elementos de navegaci\u00f3n al construir su sitio multiling\u00fce."],"_wpml_word_count":["463"],"_uag_css_file_name":["uag-css-1387.css"],"_uag_page_assets":["a:9:{s:3:\"css\";s:260:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:12:{i:0;s:14:\"core\/paragraph\";i:1;s:19:\"toolset-blocks\/grid\";i:2;s:26:\"toolset-blocks\/grid-column\";i:3;s:24:\"toolset-blocks\/container\";i:4;s:22:\"toolset-blocks\/heading\";i:5;s:30:\"toolset-blocks\/fields-and-text\";i:6;s:12:\"core\/heading\";i:7;s:10:\"core\/table\";i:8;s:20:\"toolset-blocks\/image\";i:9;s:9:\"core\/list\";i:10;s:14:\"core\/list-item\";i:11;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:0;s:11:\"uag_version\";s:10:\"1778145257\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Nikoletta","author_link":"https:\/\/wpml.org\/es\/author\/nikoletta-b\/"},"uagb_comment_info":0,"uagb_excerpt":"WPML CMS Navigation es un complemento que proporciona elementos de navegaci\u00f3n al construir su sitio multiling\u00fce. El complemento est\u00e1 incluido en su paquete de WPML Multilingual CMS. Los elementos de navegaci\u00f3n que puede a\u00f1adir con el complemento WPML CMS Navigation incluyen: A\u00f1adiendo Elementos de Navegaci\u00f3n a su Tema Para usar cada elemento, a\u00f1\u00e1dalos a su&hellip;","_links":{"self":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/pages\/1387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/users\/777903"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/comments?post=1387"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions"}],"predecessor-version":[{"id":16475861,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions\/16475861"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/pages\/1088"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/media?parent=1387"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/related-projects-category?post=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}