{"id":28848,"date":"2018-08-23T00:00:00","date_gmt":"2018-08-22T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=28848"},"modified":"2023-07-31T11:10:56","modified_gmt":"2023-07-31T05:40:56","slug":"add-font-awesome-icons-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/add-font-awesome-icons-in-astra\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir iconos Font Awesome en Astra?"},"content":{"rendered":"

Astra hace no<\/strong> viene con Font Awesome Icons pero utiliza un icono de fuente personalizado. La biblioteca que hemos utilizado es ligero y contiene s\u00f3lo los iconos necesarios requeridos para el tema.<\/p>\n\n\n\n

Pero los iconos Font Awesome se pueden a\u00f1adir f\u00e1cilmente con el plugin externo. A continuaci\u00f3n se muestran los pasos para a\u00f1adir iconos Font Awesome a Astra:<\/p>\n\n\n\n

Paso 1:<\/strong> Elija un plugin del repositorio de WordPress que permita cargar una librer\u00eda Font Awesome en el sitio. Por ejemplo - Better Font Awesome.
Paso 2<\/strong>: Instale el plugin en el sitio.
Paso 3<\/strong>: Ahora puede utilizar shortcode para iconos de fuente impresionante en cualquier lugar en el sitio, incluyendo el encabezado, pie de p\u00e1gina, barra lateral, etc.
Paso 4<\/strong>: Por ejemplo - [icon name=user] mostrar\u00e1 el icono de usuario de Font Awesome. [icon name=user class=\"fa-2x\"] mostrar\u00e1 un icono m\u00e1s grande. Depende de los m\u00e9todos del plugin. Puede introducir el shortcode en el campo Texto\/HTML del sitio.<\/p>\n\n\n\n

\u00a1Eso es!<\/p>\n\n\n\n

\"Add<\/a><\/figure>\n\n\n\n

Siguiendo pasos similares, puede a\u00f1adir cualquier biblioteca de iconos de fuentes en su sitio web, tales como Entypo<\/a>etc.<\/p>\n\n\n\n

Conclusi\u00f3n<\/h3>\n\n\n\n

Los iconos de Font Awesome son un activo valioso para elevar el dise\u00f1o y la funcionalidad de tu sitio web WordPress con Astra. A\u00f1adir estos iconos es una forma sencilla pero potente de mejorar la apariencia de tu sitio y la experiencia del usuario. Aproveche las posibilidades creativas y cautive a su p\u00fablico con los impresionantes iconos Font Awesome en su sitio web Astra. \u00a1Feliz dise\u00f1o de iconos!<\/p>","protected":false},"excerpt":{"rendered":"

Astra no viene con iconos Font Awesome, sino que utiliza un icono de fuente personalizado. La biblioteca que hemos utilizado es ligera y contiene s\u00f3lo los iconos necesarios para el tema. Pero los iconos Font Awesome se pueden a\u00f1adir f\u00e1cilmente con el plugin externo. A continuaci\u00f3n se muestran los pasos para a\u00f1adir iconos Font Awesome a Astra: Paso 1: [...]<\/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":"default","ast-site-content-layout":"","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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":[108],"docs_tag":[],"class_list":{"0":"post-28848","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108"],"_wp_old_slug":[""],"_wp_page_template":["default"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["2"],"wpil_links_inbound_internal_count_data":["a:2:{i:0;a:9:{s:3:\"url\";s:69:\"https:\/\/git-staging.wpastra.com\/docs\/add-font-awesome-icons-in-astra\/\";s:8:\"url_real\";s:69:\"https:\/\/git-staging.wpastra.com\/docs\/add-font-awesome-icons-in-astra\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";s:3:\"738\";s:6:\"anchor\";s:0:\"\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:48:\"How to Update the "Scroll To Top" Icon\";}i:1;a:9:{s:3:\"url\";s:69:\"https:\/\/git-staging.wpastra.com\/docs\/add-font-awesome-icons-in-astra\/\";s:8:\"url_real\";s:69:\"https:\/\/git-staging.wpastra.com\/docs\/add-font-awesome-icons-in-astra\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";s:5:\"30100\";s:6:\"anchor\";s:10:\"Here \";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:51:\"Display products from same category with navigation\";}}"],"wpil_links_outbound_internal_count":["1"],"wpil_links_outbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:91:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-custom-fontawsome-icon.png\";s:8:\"url_real\";s:91:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-custom-fontawsome-icon.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:134:\"\"\"\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["3"],"wpil_links_outbound_external_count_data":["a:3:{i:0;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:1;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:20:\"Better Font Awesome.\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:2;a:9:{s:3:\"url\";s:22:\"http:\/\/www.entypo.com\/\";s:8:\"url_real\";s:22:\"http:\/\/www.entypo.com\/\";s:4:\"host\";s:10:\"entypo.com\";s:9:\"host_real\";s:14:\"www.entypo.com\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:6:\"Entypo\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_sync_report2_time":["2019-09-05T12:01:43+00:00"],"_edit_lock":["1710508264:109"],"_edit_last":["86"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_ht_kb_post_views_count":["9"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["28848"],"wp_last_modified_info":["July 31, 2023 @ 11:10 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["8189"],"helpful":["5"],"unhelpful":["13"],"redirects":["6"],"rank_math_primary_docs_category":["108"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1029"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"b7bd52f921c20ee8b15b0f6d77582fe4\";s:6:\"images\";a:1:{i:0;i:85007;}}"],"_wpml_media_duplicate":["1"],"_wplmi_last_modified":["2023-07-31 11:10:56"],"rank_math_seo_score":["22"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["anadir-iconos-font-awesome-en-astra"],"_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:5:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:12:\"core\/heading\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777278569\";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":"Astra does not come with Font Awesome Icons but uses a custom font icon. The library we have used is lightweight and contains only the necessary icons required for the theme. But Font Awesome Icons can be easily added with the external plugin. Below are the steps to add Font Awesome Icons to Astra: Step 1:…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28848"}],"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=28848"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28848\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28848"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28848"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}