{"id":254758,"date":"2022-04-10T14:43:00","date_gmt":"2022-04-10T11:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254758"},"modified":"2021-10-29T06:42:35","modified_gmt":"2021-10-29T03:42:35","slug":"como-agregar-imagenes-a-los-elementos-del-menu-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-imagenes-a-los-elementos-del-menu-en-wordpress\/","title":{"rendered":"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress"},"content":{"rendered":"<p>Tengo buenas noticias.<\/p>\n<p>Agregar im\u00e1genes a los elementos del men\u00fa es sorprendentemente simple.<\/p>\n<p>Normalmente, agregar im\u00e1genes requerir\u00eda una comprensi\u00f3n del c\u00f3digo. Pero gracias a un \u00fatil complemento, no necesita saber nada sobre el c\u00f3digo.<\/p>\n<p>De hecho, esta soluci\u00f3n es tan simple como el editor de men\u00fa normal y le permite agregar im\u00e1genes como esta:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p>En esta publicaci\u00f3n, descubra un complemento que le permite agregar im\u00e1genes a cualquiera de los elementos de su men\u00fa y aprenda a usarlo en su sitio.<\/p>\n<p>Para agregar im\u00e1genes a su men\u00fa, descargue e instale el complemento <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39db9f678.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" \/><\/a><\/p>\n<p>Este complemento le permite agregar una imagen a cualquier elemento del men\u00fa y controlar todos los aspectos del estilo, incluida la posici\u00f3n y el tama\u00f1o de la imagen.<\/p>\n<p>Una vez activado, visite su p\u00e1gina de Men\u00fas (Apariencia&gt; Men\u00fas) y haga clic en la flecha desplegable en un elemento del men\u00fa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p><strong>\u00bfA\u00fan no tienes men\u00fa?<\/strong> Es posible que primero deba <a href=\"https:\/\/www.competethemes.com\/help\/customize-menu-cele\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">crear un men\u00fa personalizado<\/a>.<\/p>\n<p>Esto revela la configuraci\u00f3n del elemento del men\u00fa. Despu\u00e9s de instalar Menu Image, ver\u00e1 un conjunto adicional de opciones para agregar una imagen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p>Cargue una imagen, cambie el estado de desplazamiento, elija un tama\u00f1o y col\u00f3quelo con Men\u00fa Imagen<\/p>\n<p>Como ejemplo, usar\u00e9 este \u00edcono de persona peque\u00f1a para el elemento del men\u00fa Acerca de:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p>Para agregar la imagen, haga clic en el bot\u00f3n Establecer imagen y ver\u00e1 la ventana emergente familiar de la Biblioteca de medios donde puede cargar una nueva imagen o seleccionar una existente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p>Una vez que haya agregado su imagen, ver\u00e1 una vista previa en el editor de elementos del men\u00fa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<p>As\u00ed es como se ve en el men\u00fa del <a href=\"https:\/\/www.competethemes.com\/morning\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema<\/a> de la <a href=\"https:\/\/www.competethemes.com\/morning\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ma\u00f1ana<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.png\" alt=\"C\u00f3mo agregar im\u00e1genes a los elementos del men\u00fa en WordPress\" ><\/a><\/p>\n<h3>Personalizaci\u00f3n adicional de im\u00e1genes<\/h3>\n<p>Adem\u00e1s de agregar una imagen, puede colocarla encima, debajo, antes o despu\u00e9s del elemento del men\u00fa. Tambi\u00e9n puede mostrar una imagen diferente cuando un visitante se desplaza sobre el elemento del men\u00fa, lo que es especialmente \u00fatil para los cambios de color.<\/p>\n<p>En cuanto al tama\u00f1o de la imagen, tiene los cuatro tama\u00f1os de imagen que crea WordPress, m\u00e1s tres nuevos tama\u00f1os agregados por Menu Image. Los tama\u00f1os disponibles son:<\/p>\n<ul>\n<li>Tama\u00f1o original<\/li>\n<li>Miniatura<\/li>\n<li>Medio<\/li>\n<li>Grande<\/li>\n<li>24 \u00d7 24<\/li>\n<li>36 \u00d7 36<\/li>\n<li>48 \u00d7 48<\/li>\n<\/ul>\n<p>Las dimensiones de los tama\u00f1os en miniatura, mediano y grande se pueden configurar en el men\u00fa de configuraci\u00f3n de Medios (Configuraci\u00f3n&gt; Medios).<\/p>\n<p>Primero, planifique un conjunto de im\u00e1genes de apariencia similar para su men\u00fa, de modo que su men\u00fa tenga una est\u00e9tica coherente. Agregu\u00e9 un \u00edcono en mi ejemplo para ilustrar el uso del complemento, pero recomendar\u00eda agregar una imagen a todos los elementos del men\u00fa o ninguno.<\/p>\n<p>Es posible que deba cambiar el tama\u00f1o de la imagen varias veces hasta que se vea bien en el men\u00fa. Si no tiene un editor de gr\u00e1ficos de su elecci\u00f3n, consulte <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GIMP<\/a> (gratis) o <a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sketch<\/a> (solo Mac de $ 99).<\/p>\n<p>Por \u00faltimo, utilice im\u00e1genes PNG transparentes si puede. Mostrar un gran cuadrado alrededor del icono no se ver\u00e1 bien en ning\u00fan men\u00fa.<\/p>\n<p>El complemento <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a> facilita que cualquiera pueda agregar im\u00e1genes a sus elementos de men\u00fa. No necesita saber PHP o CSS para incluir iconos elegantes en su men\u00fa.<\/p>\n<p>\u00bfTiene alguna pregunta sobre c\u00f3mo agregar o dise\u00f1ar im\u00e1genes en su men\u00fa? Deja un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buenas noticias: agregar im\u00e1genes a los elementos del men\u00fa es sorprendentemente f\u00e1cil. Aprenda a agregar im\u00e1genes a su men\u00fa con el uso de un complemento simple en esta publicaci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":257355,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-254758","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254758"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254758\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/257355"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}