{"id":6515,"date":"2014-12-20T15:54:50","date_gmt":"2014-12-20T15:54:50","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6515"},"modified":"2015-01-04T09:37:56","modified_gmt":"2015-01-04T09:37:56","slug":"crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/","title":{"rendered":"Crear un tema WordPress desde cero &#8211; Creaci\u00f3n de los men\u00fas de navegaci\u00f3n"},"content":{"rendered":"<p>Si has trabajado alguna vez con WordPress sabr\u00e1s que en <em>Apariencia &#8211; Men\u00fas <\/em>puedes crear tantos men\u00fas personalizados como quieras. Nuestra plantilla va a disponer de un \u00fanico men\u00fa de navegaci\u00f3n que ser\u00e1 horizontal y estar\u00e1 en la cabecera.<\/p>\n<p>Lo primero que haremos ser\u00e1 habilitar nuestro men\u00fa en la administraci\u00f3n. Lo haremos a trav\u00e9s del archivo <strong><em>functions.php <\/em><\/strong>donde incluiremos el siguiente archivo:<\/p>\n<div id=\"wpshdo_1\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_1\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_1\"><\/a><a id=\"wpshat_1\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_1\"  onClick=\"javascript:wpsh_toggleBlock(1)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_code(1)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_print(1)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_1\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"php\" style=\"font-family:monospace;\"><span class=\"kw1\">include<\/span><span class=\"br0\">&#40;<\/span>TEMPLATEPATH <span class=\"sy0\">.<\/span> <span class=\"st_h\">'\/includes\/menus.php'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><\/pre><\/div><\/div>\n<p>Que contiene el registro de nuestro men\u00fa de navegaci\u00f3n principal.<\/p>\n<div id=\"wpshdo_2\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_2\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_2\"><\/a><a id=\"wpshat_2\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_2\"  onClick=\"javascript:wpsh_toggleBlock(2)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_code(2)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_print(2)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_2\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"php\" style=\"font-family:monospace;\"><span class=\"kw2\">&lt;?php<\/span>\nregister_nav_menus<span class=\"br0\">&#40;<\/span> <a href=\"http:\/\/www.php.net\/array\"><span class=\"kw3\">array<\/span><\/a><span class=\"br0\">&#40;<\/span>\n\t<span class=\"st_h\">'main'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"st_h\">'Main'<\/span><span class=\"sy0\">,<\/span>\n<span class=\"br0\">&#41;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n<span class=\"sy1\">?&gt;<\/span><\/pre><\/div><\/div>\n<p>En este caso solo estamos habilitando un \u00fanico men\u00fa pero podr\u00edamos a\u00f1adir tantos men\u00fas como queramos en el array que estamos pasando como par\u00e1metro a la funci\u00f3n <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menu\" target=\"_blank\">register_nav_menus(array)<\/a>.<\/p>\n<p>A partir de este momento, en la administraci\u00f3n de WordPress, en <em>Apariencia &#8211; Men\u00fas <\/em>podremos crear nuestro men\u00fa principal con los enlaces que deseemos checkeando la opci\u00f3n Main que aparece como ubicaci\u00f3n del tema. En nuestro caso pondremos categor\u00edas de demostraci\u00f3n y lo guardaremos con el nombre de \u00abMenu Principal\u00bb.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-admin.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6516\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-admin.png\" alt=\"menu-principal-admin\" width=\"841\" height=\"505\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-admin.png 841w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-admin-300x180.png 300w\" sizes=\"auto, (max-width: 841px) 100vw, 841px\" \/><\/a>Para mostrar nuestro men\u00fa principal en el front office de nuestra plantilla tendremos que editar el archivo <strong><em>header.php<\/em><\/strong> ya que deseamos incorporarlo en la cabecera.<\/p>\n<p>Dentro del &lt;div id=\u00bbheader\u00bb&gt; a\u00f1adiremos lo siguiente:<\/p>\n<div id=\"wpshdo_3\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_3\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_3\"><\/a><a id=\"wpshat_3\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_3\"  onClick=\"javascript:wpsh_toggleBlock(3)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_3\" onClick=\"javascript:wpsh_code(3)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_3\" onClick=\"javascript:wpsh_print(3)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_3\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"php\" style=\"font-family:monospace;\"><span class=\"kw2\">&lt;?php<\/span> wp_nav_menu<span class=\"br0\">&#40;<\/span> <a href=\"http:\/\/www.php.net\/array\"><span class=\"kw3\">array<\/span><\/a><span class=\"br0\">&#40;<\/span><span class=\"st_h\">'menu'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"st_h\">'Menu Principal'<\/span> <span class=\"br0\">&#41;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span> <span class=\"sy1\">?&gt;<\/span><\/pre><\/div><\/div>\n<p>Con la funci\u00f3n <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\">wp_nav_menu(array)<\/a> conseguimos que aparezca nuestro men\u00fa principal sin maquetaci\u00f3n. Para maquetarlo puedes hacerlo como quieras. En nuestro caso vamos a utilizar el <a href=\"https:\/\/www.jose-aguilar.com\/blog\/superfish-menu\/\" target=\"_blank\">plugin superfish menu<\/a> para hacerlo de forma r\u00e1pida. Todos los archivos referentes a este jQuery plugin ya fueron incluidos en la cabecera en el cap\u00edtulo 2 de este tutorial. Solo nos queda saber como haremos la llamada al plugin que lo haremos en nuestro archivo <strong>mytheme\/js\/scripts.js<\/strong>:<\/p>\n<div id=\"wpshdo_4\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_4\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_4\"><\/a><a id=\"wpshat_4\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_4\"  onClick=\"javascript:wpsh_toggleBlock(4)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_4\" onClick=\"javascript:wpsh_code(4)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_4\" onClick=\"javascript:wpsh_print(4)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_4\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"javascript\" style=\"font-family:monospace;\">jQuery<span class=\"br0\">&#40;<\/span><span class=\"kw2\">function<\/span><span class=\"br0\">&#40;<\/span><span class=\"br0\">&#41;<\/span><span class=\"br0\">&#123;<\/span>\n    jQuery<span class=\"br0\">&#40;<\/span><span class=\"st0\">'ul.menu'<\/span><span class=\"br0\">&#41;<\/span>.<span class=\"me1\">superfish<\/span><span class=\"br0\">&#40;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n<span class=\"br0\">&#125;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><\/pre><\/div><\/div>\n<p>Obteniendo como resultado:<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-front.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6519\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-front.png\" alt=\"menu-principal-front\" width=\"1189\" height=\"190\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-front.png 1189w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-front-300x48.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/12\/menu-principal-front-1024x164.png 1024w\" sizes=\"auto, (max-width: 1189px) 100vw, 1189px\" \/><\/a><\/p>\n\n            <h3>Indice de contenido<\/h3>\n            <table class=\"table-bordered\">\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-introduccion-e-indice-de-contenido\/\">Tema 01 - Introducci\u00f3n e \u00eddice de contenido<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-la-estructura-de-archivos\/\">Tema 02 - La estructura de archivos de una plantilla<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-construyendo-la-base-de-nuestra-plantilla\/\">Tema 03 - Construyendo la base de nuestra plantilla<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/\">Tema 04 - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-zonas-para-widgets\/\">Tema 05 - Creaci\u00f3n de zonas para Widgets<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-pagina-principal\/\">Tema 06 - P\u00e1gina principal<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/\">Tema 07 - P\u00e1ginas<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-entradas-y-comentarios\/\">Tema 08 - Entradas y comentarios<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-pagina-de-categorias-y-tags\/\">Tema 09 - P\u00e1gina de categor\u00edas y tags<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-formulario-de-busqueda-y-sus-resultados\/\">Tema 10 - Formulario de b\u00fasqueda y sus resultados<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-pagina-404\/\">Tema 11 - P\u00e1gina de error 404<\/a><\/td><tr>\n                <tr><td><a href=\"http:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-conclusion-y-demostracion\/\">Tema 12 - Conclusi\u00f3n y demostraci\u00f3n<\/a><\/td><tr>\n            <\/table>\n","protected":false},"excerpt":{"rendered":"<p>Si has trabajado alguna vez con WordPress sabr\u00e1s que en Apariencia &#8211; Men\u00fas puedes crear tantos men\u00fas personalizados como quieras. Nuestra plantilla va a disponer de un \u00fanico men\u00fa de navegaci\u00f3n que ser\u00e1 horizontal y estar\u00e1 en la cabecera. Lo primero que haremos ser\u00e1 habilitar nuestro men\u00fa en la administraci\u00f3n. Lo haremos a trav\u00e9s del [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[170],"class_list":["post-6515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-crear-un-tema-wordpress-desde-cero"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Si has trabajado alguna vez con WordPress sabr\u00e1s que en Apariencia &#8211; Men\u00fas puedes crear tantos men\u00fas personalizados como quieras. Nuestra plantilla va a disponer de un \u00fanico men\u00fa de navegaci\u00f3n que ser\u00e1 horizontal y estar\u00e1 en la cabecera. Lo primero que haremos ser\u00e1 habilitar nuestro men\u00fa en la administraci\u00f3n. Lo haremos a trav\u00e9s del [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-20T15:54:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-04T09:37:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"256\" \/>\n\t<meta property=\"og:image:height\" content=\"256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/\",\"name\":\"Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"datePublished\":\"2014-12-20T15:54:50+00:00\",\"dateModified\":\"2015-01-04T09:37:56+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"width\":256,\"height\":256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crear un tema WordPress desde cero &#8211; Creaci\u00f3n de los men\u00fas de navegaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog","og_description":"Si has trabajado alguna vez con WordPress sabr\u00e1s que en Apariencia &#8211; Men\u00fas puedes crear tantos men\u00fas personalizados como quieras. Nuestra plantilla va a disponer de un \u00fanico men\u00fa de navegaci\u00f3n que ser\u00e1 horizontal y estar\u00e1 en la cabecera. Lo primero que haremos ser\u00e1 habilitar nuestro men\u00fa en la administraci\u00f3n. Lo haremos a trav\u00e9s del [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2014-12-20T15:54:50+00:00","article_modified_time":"2015-01-04T09:37:56+00:00","og_image":[{"width":256,"height":256,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/","url":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/","name":"Crear un tema Wordpress desde cero - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","datePublished":"2014-12-20T15:54:50+00:00","dateModified":"2015-01-04T09:37:56+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","width":256,"height":256},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-creacion-de-los-menus-de-navegacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Crear un tema WordPress desde cero &#8211; Creaci\u00f3n de los men\u00fas de navegaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6515"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6515\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/6444"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}