{"id":29859,"date":"2018-12-11T00:00:00","date_gmt":"2018-12-10T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=29859"},"modified":"2024-03-17T18:07:21","modified_gmt":"2024-03-17T12:37:21","slug":"add-icons-to-menu-items","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/add-icons-to-menu-items\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir iconos a los elementos del men\u00fa?"},"content":{"rendered":"<p>Los iconos del men\u00fa de navegaci\u00f3n proporcionan indicaciones visuales sobre el contenido del elemento de men\u00fa. Aparecen justo antes de la etiqueta del elemento de men\u00fa.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-36.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175362&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1594,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Menu Icons example&quot;,&quot;alt&quot;:&quot;Menu Icons example&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"555\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-1024x555.png\" alt=\"Menu Icons example\" class=\"wp-image-175362\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-1024x555.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-768x416.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-1536x833.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-2048x1110.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-36-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Menu Icons example\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Los iconos pueden a\u00f1adirse a un elemento de men\u00fa de las siguientes formas:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. A\u00f1adir iconos de men\u00fa mediante un plugin externo<\/strong><\/h4>\n\n\n\n<p>Se puede utilizar cualquier plugin externo que pueda proporcionar dicha funcionalidad. Plugins como Menu Icons de ThemeIsle permiten a\u00f1adir iconos a los men\u00fas.<\/p>\n\n\n\n<p>As\u00ed es como puedes a\u00f1adir iconos de men\u00fa con el plugin anterior:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Instale y active el <a href=\"https:\/\/wordpress.org\/plugins\/menu-icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">Iconos de men\u00fa de ThemeIsle<\/a> plugin. Aqu\u00ed, el plugin ya est\u00e1 activo en nuestro sitio web.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-35.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175361&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1596,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Menu Icons Plugins&quot;,&quot;alt&quot;:&quot;Menu Icons Plugins&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"556\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-1024x556.png\" alt=\"Menu Icons Plugins\" class=\"wp-image-175361\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-1024x556.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-768x417.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-1536x834.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-2048x1112.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-35-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Menu Icons Plugins\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya a <strong>Apariencia<\/strong> > <strong>Men\u00fas<\/strong> y elija el elemento del men\u00fa en el que desea a\u00f1adir un icono.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-34.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175360&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1606,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Appearance \\u003E Menus&quot;,&quot;alt&quot;:&quot;Appearance \\u003E Menus&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"559\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-1024x559.png\" alt=\"Appearance &gt; Menus\" class=\"wp-image-175360\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-1024x559.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-300x164.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-768x420.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-1536x839.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-2048x1119.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-34-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Appearance &gt; Menus\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haga clic en <strong>Seleccione <\/strong>y elija el icono de men\u00fa que prefiera.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-33.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175359&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1598,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Select the menu icon&quot;,&quot;alt&quot;:&quot;Select the menu icon&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-1024x557.png\" alt=\"Select the menu icon\" class=\"wp-image-175359\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-1024x557.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-768x417.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-1536x835.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-2048x1113.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-33-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Select the menu icon\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haga clic en el bot\u00f3n <strong>Guardar men\u00fa <\/strong>para aplicar estos cambios.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-32.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175358&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1602,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Save Menu&quot;,&quot;alt&quot;:&quot;Save Menu&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-1024x558.png\" alt=\"Save Menu\" class=\"wp-image-175358\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-1024x558.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-768x418.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-1536x837.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-2048x1116.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-32-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Save Menu\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Ya puede ver el nuevo icono de men\u00fa a\u00f1adido a su men\u00fa de navegaci\u00f3n.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/image-31.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-175357&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2940,&quot;targetHeight&quot;:1596,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Menu Icon Added&quot;,&quot;alt&quot;:&quot;Menu Icon Added&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-1024x556.png\" alt=\"Menu Icon Added\" class=\"wp-image-175357\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-1024x556.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-300x163.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-768x417.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-1536x834.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-2048x1112.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/03\/image-31-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Menu Icon Added\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Si\u00e9ntase libre de seleccionar cualquier plugin externo que prefiera.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. A\u00f1adir iconos a trav\u00e9s de Font Awesome Icon Tag<\/strong><\/h4>\n\n\n\n<p>La librer\u00eda Font Awesome ofrece varios iconos. Estos iconos se pueden a\u00f1adir a los elementos de men\u00fa con los siguientes pasos -<\/p>\n\n\n\n<p>Astra no viene con la librer\u00eda Font Awesome. As\u00ed que el plugin externo se puede utilizar para cargar la biblioteca en el tema. Puedes elegir un plugin de <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Repositorio de WordPress<\/a> que permite cargar una librer\u00eda Font Awesome en el sitio. Por ejemplo <a href=\"https:\/\/wordpress.org\/plugins\/better-font-awesome\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mejor Font Awesome<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Instale y active el plugin seleccionado en el sitio.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visite un elemento de men\u00fa en el que desee a\u00f1adir un icono. Los men\u00fas est\u00e1n disponibles en <strong>Apariencia &gt; Men\u00fas<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haga clic en la opci\u00f3n de men\u00fa y en la ventana <em>Etiqueta de navegaci\u00f3n <\/em>a\u00f1adir la etiqueta <i> para el icono del <a href=\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">Biblioteca Font Awesome<\/a>.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:false,&quot;figureClassNames&quot;:&quot;wp-block-image aligncenter&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-39885&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:&quot;none&quot;,&quot;targetHeight&quot;:&quot;none&quot;,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Astra Navigation Icon&quot;,&quot;alt&quot;:&quot;Astra Navigation Icon&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter wp-lightbox-container\"><img decoding=\"async\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-icons-navigation.png\" alt=\"Astra Navigation Icon\" class=\"wp-image-39885\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Astra Navigation Icon\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Por ejemplo<\/strong> - Si quieres a\u00f1adir un icono de libreta de direcciones al elemento de men\u00fa - Contacto. A continuaci\u00f3n, despu\u00e9s de seguir los pasos 1 y 2, puede copiar el c\u00f3digo de etiqueta <i> para la libreta de direcciones de la biblioteca Font Awesome. <\/p>\n\n\n\n<p>S\u00f3lo tienes que visitar la p\u00e1gina de iconos, seleccionar el icono deseado y copiar el c\u00f3digo. El c\u00f3digo del icono de la libreta de direcciones puede copiarse desde el enlace <a href=\"https:\/\/fontawesome.com\/v4.7.0\/icon\/address-book\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>. Visite la opci\u00f3n de men\u00fa - Contacto y pegue el c\u00f3digo en el campo\u00a0<em>Etiqueta de navegaci\u00f3n<\/em>.<\/p>\n\n\n\n<p>Si desea a\u00f1adir sus propios gr\u00e1ficos al men\u00fa de navegaci\u00f3n, puede hacerlo utilizando el plugin externo llamado Menu Image. Aqu\u00ed tiene una <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-add-images-or-icons-in-the-navigation-menu\/\" target=\"_blank\" rel=\"noreferrer noopener\">gu\u00eda completa<\/a> sobre c\u00f3mo utilizar este plugin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Icons in the navigation menu provide visual cues about the menu item\u2019s content. They appear directly before the menu item label. Icons can be added to a menu\u00a0item in the following ways: 1. Adding Menu Icons Via External Plugin Any external plugin that can provide such functionality can be used. Plugins like\u00a0Menu Icons by ThemeIsle [\u2026]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[187],"docs_tag":[],"class_list":{"0":"post-29859","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-nav-menu"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108|108"],"_wp_old_slug":["","how-to-add-icons-to-menu-items"],"_wp_page_template":["default"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["1"],"wpil_links_outbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:85:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-icons-navigation.png\";s:8:\"url_real\";s:85:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-icons-navigation.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:128:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-icons-navigation.png\" alt=\"\" class=\"wp-image-39885\"\/>\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["5"],"wpil_links_outbound_external_count_data":["a:5:{i:0;a:9:{s:3:\"url\";s:41:\"https:\/\/wordpress.org\/plugins\/menu-icons\/\";s:8:\"url_real\";s:41:\"https:\/\/wordpress.org\/plugins\/menu-icons\/\";s:4:\"host\";s:13:\"wordpress.org\";s:9:\"host_real\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:29:\"&nbsp;Menu Icons by ThemeIsle\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:22:\"https:\/\/wordpress.org\/\";s:8:\"url_real\";s:22:\"https:\/\/wordpress.org\/\";s:4:\"host\";s:13:\"wordpress.org\";s:9:\"host_real\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:20:\"WordPress Repository\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:2;a:9:{s:3:\"url\";s:50:\"https:\/\/wordpress.org\/plugins\/better-font-awesome\/\";s:8:\"url_real\";s:50:\"https:\/\/wordpress.org\/plugins\/better-font-awesome\/\";s:4:\"host\";s:13:\"wordpress.org\";s:9:\"host_real\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:19:\"Better Font Awesome\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:3;a:9:{s:3:\"url\";s:37:\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\";s:8:\"url_real\";s:37:\"https:\/\/fontawesome.com\/v4.7.0\/icons\/\";s:4:\"host\";s:15:\"fontawesome.com\";s:9:\"host_real\";s:15:\"fontawesome.com\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:20:\"Font Awesome library\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:4;a:9:{s:3:\"url\";s:48:\"https:\/\/fontawesome.com\/v4.7.0\/icon\/address-book\";s:8:\"url_real\";s:48:\"https:\/\/fontawesome.com\/v4.7.0\/icon\/address-book\";s:4:\"host\";s:15:\"fontawesome.com\";s:9:\"host_real\";s:15:\"fontawesome.com\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:4:\"here\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_sync_report2_time":["2019-08-28T08:19:45+00:00"],"_ht_kb_post_views_count":["16"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["29859"],"wp_last_modified_info":["May 10, 2023 @ 3:06 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["10100"],"helpful":["17"],"unhelpful":["21"],"redirects":["3"],"rank_math_primary_docs_category":["187"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["943"],"_edit_lock":["1710679050:109"],"rank_math_seo_score":["23"],"_edit_last":["109"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"da59c8e0b5f10101a34cdb9484c0214b\";s:6:\"images\";a:1:{i:0;i:175362;}}"],"_wplmi_last_modified":["2023-05-10 15:06:43"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["como-anadir-iconos-a-los-elementos-del-menu"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:7:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777397354\";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,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Icons in the navigation menu provide visual cues about the menu item&#8217;s content. They appear directly before the menu item label. Icons can be added to a menu\u00a0item in the following ways: 1. Adding Menu Icons Via External Plugin Any external plugin that can provide such functionality can be used. Plugins like\u00a0Menu Icons by ThemeIsle&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29859"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=29859"}],"version-history":[{"count":3,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29859\/revisions"}],"predecessor-version":[{"id":175367,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29859\/revisions\/175367"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=29859"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=29859"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=29859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}