{"id":10558,"date":"2018-03-15T09:49:31","date_gmt":"2018-03-15T09:49:31","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=10558"},"modified":"2020-05-07T14:31:06","modified_gmt":"2020-05-07T14:31:06","slug":"como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/","title":{"rendered":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()"},"content":{"rendered":"<p>Cada\u00a0plantilla WordPress moderna debe incluir muchos elementos comunes dentro del c\u00f3digo.\u00a0Codificar manualmente una navegaci\u00f3n funciona solo si ya has creado el contenido, pero no es muy din\u00e1mico en absoluto.<\/p>\n<p><!--more--><\/p>\n<p>El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.<\/p>\n<p>En\u00a0este art\u00edculo nos gustar\u00eda\u00a0presentarte los fundamentos que deber\u00edas tener en cuenta al crear tu propia navegaci\u00f3n en un tema. Espec\u00edficamente\u00a0vamos a hablar de c\u00f3mo puedes configurar un nuevo men\u00fa desde cero. No tendr\u00e1s que crear nada al leer esta entrada,\u00a0como esta es m\u00e1s una gu\u00eda de referencia al codificar.<\/p>\n<h3>Conceptos b\u00e1sicos del men\u00fa de navegaci\u00f3n<\/h3>\n<p>Antes de los avances innumerables de los desarrolladores de WordPress 3.0, por lo general, se utilizaba <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_page_menu()<\/a>\u00a0en el desarrollo de temas. Esto generar\u00e1 una lista completa de p\u00e1ginas junto con un enlace de p\u00e1gina de inicio, y tambi\u00e9n tiene algunos par\u00e1metros que se describen en el c\u00f3dice. Puedes seguir usando esto en tu barra lateral o \u00e1rea de pie de p\u00e1gina, si esto tiene sentido.<\/p>\n<p>Pero el m\u00e9todo de desarrollo de navegaci\u00f3n mucho m\u00e1s popular es\u00a0hacerlo\u00a0a trav\u00e9s del sistema de men\u00fa integrado de WordPress. Los administradores pueden crear tantos men\u00fas personalizados como deseen, arrastrando y soltando enlaces para crear una jerarqu\u00eda y estructura de manera manual.\u00a0Se te permite administrar directamente enlaces de entradas, p\u00e1ginas, categor\u00edas, etiquetas, es decir, pr\u00e1cticamente cualquier cosa en tu sitio web.<\/p>\n<p>El primer paso es escribir un poco de c\u00f3digo en tu archivo <strong>functions.php<\/strong> que crea el men\u00fa de navegaci\u00f3n.\u00a0Puedes hacer esto con <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">register_nav_menu()<\/a>\u00a0o\u00a0<a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menus\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">register_nav_menus()<\/a>\u00a0 si tienes varios elementos. Estos men\u00fas requieren\u00a0un solo identificador llamado <strong>$location<\/strong> junto con una peque\u00f1a cadena descriptiva.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\r\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\">register_nav_menu( 'primary', 'Primary Menu' );<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><strong>$location<\/strong> es m\u00e1s como una identificaci\u00f3n de\u00a0slug utilizada para identificar el men\u00fa en tu tema. Har\u00e1 referencia a este elemento definido dentro de cualquier archivo PHP del tema en el que necesitas que aparezca. Tambi\u00e9n ten en cuenta que los men\u00fas de navegaci\u00f3n inicializar\u00e1n autom\u00e1ticamente\u00a0la admisi\u00f3n de temas, por lo que no necesitas usar <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/add_theme_support\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">add_theme_support()<\/a> para men\u00fas.<\/p>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3>Posiciones en tu tema<\/h3>\n<p>Con\u00a0tu men\u00fa(s)\u00a0configurado en <strong>functions.php<\/strong>, deber\u00edamos pasar a otros archivos del tema. Comencemos\u00a0con una ubicaci\u00f3n t\u00edpica como <strong>header.php<\/strong>\u00a0al que podemos a\u00f1adir un c\u00f3digo muy b\u00e1sico. Esta muestra se copia del c\u00f3dice <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_nav_menu()<\/a>\u00a0e incluye todos los par\u00e1metros opcionales.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\">$defaults = array(\r\n\t'theme_location'  =&amp;gt; '',\r\n\t'menu'            =&amp;gt; '',\r\n\t'container'       =&amp;gt; 'div',\r\n\t'container_class' =&amp;gt; '',\r\n\t'container_id'    =&amp;gt; '',\r\n\t'menu_class'      =&amp;gt; 'menu',\r\n\t'menu_id'         =&amp;gt; '',\r\n\t'echo'            =&amp;gt; true,\r\n\t'fallback_cb'     =&amp;gt; 'wp_page_menu',\r\n\t'before'          =&amp;gt; '',\r\n\t'after'           =&amp;gt; '',\r\n\t'link_before'     =&amp;gt; '',\r\n\t'link_after'      =&amp;gt; '',\r\n\t'items_wrap'      =&amp;gt; '&amp;lt;ul id=\"%1$s\" class=\"%2$s\"&amp;gt;%3$s&amp;lt;\/ul&amp;gt;',\r\n\t'depth'           =&amp;gt; 0,\r\n\t'walker'          =&amp;gt; ''\r\n);\r\n\u00a0\r\nwp_nav_menu( $defaults );<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Por favor recuerda que todos estos son <em>opcionales<\/em>, ya que los valores que ves arriba se convertir\u00e1n en los predeterminados si no se sobrescriben. <strong>theme_location<\/strong> debe coincidir con el slug de ubicaci\u00f3n que eligiste al registrar el men\u00fa. Este es el \u00fanico valor que debes cambiar para asegurarte de que coincida correctamente.<\/p>\n<p>A veces las personas confunden la ubicaci\u00f3n del men\u00fa con\u00a0<strong>menu<\/strong> ya que ambos son muy similares. De hecho, casi siempre se debe omitir el men\u00fa, lo que permite al webmaster asignar su propio men\u00fa a esa ubicaci\u00f3n. Este par\u00e1metro\u00a0<strong>menu<\/strong> se usa para incluir un men\u00fa de administraci\u00f3n prehecho. Debe ser id\u00e9ntico al men\u00fa preexistente que ya se ha creado. Pero como la mayor\u00eda de las personas no\u00a0suelen tener un men\u00fa existente (o esto podr\u00eda cambiar entre sitios web), lo mejor es dejarlo fuera de la navegaci\u00f3n de tema.<\/p>\n<h3>Configuraci\u00f3n de par\u00e1metros<\/h3>\n<p>Otras configuraciones se aplican principalmente para la personalizaci\u00f3n, por lo que puedes ignorarlas. Pero\u00a0vamos a echar un vistazo a ellas para obtener una buena comprensi\u00f3n de las posibilidades disponibles. <strong>container, container_class <\/strong>y<strong> container_id<\/strong> son \u00fatiles al dise\u00f1ar\u00a0tu men\u00fa. El elemento de contenedor externo se ajusta al UL, por lo que podr\u00eda ser incluso un &lt;nav&gt; de HTML5 si te gusta la sem\u00e1ntica.<\/p>\n<p><strong>menu_class<\/strong>\u00a0y\u00a0<strong>menu_id\u00a0<\/strong>se aplican a una lista desordenada. Cada men\u00fa\u00a0obtiene una clase de .menu, por lo que es posible que desees cambiar esto si est\u00e1s utilizando m\u00e1s de uno. El par\u00e1mtero\u00a0<strong>echo<\/strong> le dice a esta funci\u00f3n que muestre el men\u00fa HTML, de lo contrario devolver\u00e1 el valor a una funci\u00f3n o variable de PHP. Cuando <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_nav_menu()<\/a>\u00a0no se puede ejecutar por al\u00fan motivo, se recurrir\u00e1 autom\u00e1ticamente a <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">wp_page_menu()<\/a> como hemos mencionado anteriormente.<\/p>\n<p>Los siguientes dos par\u00e1mteros\u00a0 <strong>before<\/strong>\u00a0y\u00a0<strong>after<\/strong> generar\u00e1n cualquier HTML justo antes de cada uno de los enlaces de anclaje, o justo despu\u00e9s de cerrarlos. <strong>link_before<\/strong> y <strong>link_after<\/strong> agregar\u00e1n HTML dentro de los enlaces de anclaje, justo antes y despu\u00e9s del texto. Recuerda estas opciones y aseg\u00farate de no confundirlas. En caso de duda, consulta el Codex.<\/p>\n<p>Ahora, si no deseas usar una lista desordenada, puedes cambiar esto dentro de <strong>items_wrap<\/strong>.\u00a0Se utiliza un tipo de sintaxis <a href=\"http:\/\/php.net\/manual\/en\/function.sprintf.php\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">sprintf()<\/a> para reemplazar valores con par\u00e1metros din\u00e1micos en la misma funci\u00f3n. <strong>%1$s<\/strong> se refiere a menu_id, <strong>%2$s<\/strong> se refiere a menu_class, y <strong>%3$s<\/strong> est\u00e1 relacionado con la visualizaci\u00f3n de elementos de la lista. Dado que se requiere mucho trabajo extra para cambiar los elementos <strong>&lt;li&gt;<\/strong>, lo mejor es dejarlo solo.<\/p>\n<p>Finalmente, el par\u00e1metro <strong>depth<\/strong>\u00a0determina la profundidad de\u00a0la jerarqu\u00eda. Si nuestra navegaci\u00f3n de\u00a0cabecera es un men\u00fa desplegable de un solo nivel, entonces necesitamos s\u00f3lo 1 nivel de profundidad. O podemos tener un men\u00fa desplegable de 2 niveles que podr\u00eda usar 2 niveles de profundidad. -1 es un valor especial que muestra todos los enlaces en el men\u00fa, pero los condensa en el mismo nivel de visualizaci\u00f3n.<\/p>\n<p>El elemento <strong>$walker<\/strong> es un par\u00e1metro especial para personalizar c\u00f3mo WordPress genera contenido en una jerarqu\u00eda de \u00e1rbol. Espera un nuevo objeto de clase que incluye m\u00e9todos personalizados para la\u00a0muestra del elemento. Este es un tema bastante avanzado, pero puedes leer m\u00e1s sobre esto en\u00a0 <a href=\"http:\/\/codex.wordpress.org\/Class_Reference\/Walker\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Walker class reference guide<\/a>.<\/p>\n<h3>Generar men\u00fas desde panel de WP<\/h3>\n<p>Este \u00faltimo aspecto deber\u00eda proporcionar a los administradores y webmasters una mejor manera de comprender los men\u00fas. Una vez que hayas iniciado sesi\u00f3n en el panel de administraci\u00f3n, coloca\u00a0el cursor sobre \"Apariencia\" y luego haz clic en el enlace de Men\u00fas.<\/p>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-48247\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/select-menu-wp-admin-screenshot.jpg?x20232\" alt=\"select-menu-wp-admin-screenshot\" width=\"620\" height=\"400\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<p>Desde aqu\u00ed deber\u00edas reorganizar los enlaces\u00a0arrastrando y soltando ellos del acorde\u00f3n izquierdo\u00a0a la secci\u00f3n derecha. Puedes darle al men\u00fa un nombre al que se puede hacer referencia en PHP, y en la parte superior ver\u00e1s un men\u00fa desplegable de selecci\u00f3n. Una vez que registras una navegaci\u00f3n y le da una ubicaci\u00f3n de tema, aparece en este men\u00fa desplegable para que el administrador\u00a0pueda seleccionarlo. As\u00ed es como los webmasters pueden organizar sus propios men\u00fas sin necesidad de codificar ning\u00fan PHP.<\/p>\n<p>A la izquierda hay opciones para\u00a0elegir entre p\u00e1ginas, entradas, enlaces, categor\u00edas y etiquetas. Si haces clic en la peque\u00f1a pesta\u00f1a cerca de la esquina superior derecha etiquetada como \"Opciones de pantalla\", puedes ocultar algunas de estas opciones de pantalla. Tambi\u00e9n encontrar\u00e1s opciones de men\u00fa avanzadas para dar a cada enlace un objetivo (como target = \"_ blank\") o incluso clases de CSS \u00fanicas.<\/p>\n<p><a href=\"http:\/\/blog.templatemonster.com\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-48246\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2013\/12\/wordpress-menus-screen-options.jpg?x20232\" alt=\"wordpress-menus-screen-options\" width=\"620\" height=\"400\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<p>Cada enlace de categor\u00eda podr\u00eda usar una clase diferente para colores \u00fanicos cuando se seleccione. De forma predeterminada, le dar\u00e1 a cada enlace un texto y una breve descripci\u00f3n, que a menudo solo usa el administrador del sitio web. Los enlaces tambi\u00e9n pueden tener atributos de t\u00edtulo y valores exclusivos de XFN.<\/p>\n<p>Cuanto m\u00e1s practiques usando este sistema de men\u00fa, m\u00e1s claro se volver\u00e1. Los\u00a0principiantes que est\u00e1n aprendiendo los conceptos b\u00e1sicos de WordPress a\u00fan pueden entender esto r\u00e1pidamente sin mucha dificultad.<\/p>\n<p>Fuente: \"<a href=\"https:\/\/monsterspost.com\/how-to-build-wordpress-navigation-using-wp_nav_menu\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Build WordPress Navigation Using wp_nav_menu()<\/a>\" por Jake Rocheleau<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cada\u00a0plantilla WordPress moderna debe incluir muchos elementos comunes dentro del c\u00f3digo.\u00a0Codificar manualmente una navegaci\u00f3n funciona solo si ya has creado el contenido, pero no es muy din\u00e1mico en absoluto.<\/p>\n","protected":false},"author":1334762,"featured_media":10559,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13,11,37],"tags":[442],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()<\/title>\n<meta name=\"description\" content=\"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()\" \/>\n<meta property=\"og:description\" content=\"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-15T09:49:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-07T14:31:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/featured_image6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()\",\"datePublished\":\"2018-03-15T09:49:31+00:00\",\"dateModified\":\"2020-05-07T14:31:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\"},\"wordCount\":1376,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"tutorial de wordpress\"],\"articleSection\":[\"Tutoriales\",\"Usabilidad\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\",\"url\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\",\"name\":\"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2018-03-15T09:49:31+00:00\",\"dateModified\":\"2020-05-07T14:31:06+00:00\",\"description\":\"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()","description":"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.","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:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()","og_description":"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.","og_url":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2018-03-15T09:49:31+00:00","article_modified_time":"2020-05-07T14:31:06+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/featured_image6.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()","datePublished":"2018-03-15T09:49:31+00:00","dateModified":"2020-05-07T14:31:06+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/"},"wordCount":1376,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["tutorial de wordpress"],"articleSection":["Tutoriales","Usabilidad","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/","url":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/","name":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2018-03-15T09:49:31+00:00","dateModified":"2020-05-07T14:31:06+00:00","description":"El mejor m\u00e9todo ser\u00eda codificar tu propia navegaci\u00f3n WP que un administrador luego pueda vincular a uno de sus propios men\u00fas.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/como-construir-la-navegacion-de-wordpress-usando-wp_nav_menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo construir la navegaci\u00f3n de WordPress usando wp_nav_menu()"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10558"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=10558"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10558\/revisions"}],"predecessor-version":[{"id":21473,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10558\/revisions\/21473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/10559"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=10558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=10558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=10558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}