{"id":31669,"date":"2019-04-24T00:00:00","date_gmt":"2019-04-23T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=31669"},"modified":"2024-02-19T18:18:26","modified_gmt":"2024-02-19T12:48:26","slug":"rtl-css-via-child-theme","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/rtl-css-via-child-theme\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir CSS RTL a trav\u00e9s de Child Theme?"},"content":{"rendered":"<p>RTL significa \"Right-to-Left\" (de derecha a izquierda). Es una forma de escribir texto en la que se empieza por la derecha y se avanza hacia la izquierda.<\/p>\n\n\n\n<p>\u00bfNecesita a\u00f1adir CSS personalizado para el sitio RTL? El CSS RTL es \u00fatil porque permite a los sitios web adaptar su maquetaci\u00f3n y dise\u00f1o a idiomas que se leen de derecha a izquierda, como el \u00e1rabe o el hebreo.<\/p>\n\n\n\n<p>Normalmente, muchos de nosotros a\u00f1adimos<em><strong> .rtl<\/strong><\/em><strong> <\/strong>al escribir un CSS personalizado para el sitio RTL. Estos CSS se cargan incluso si vemos el sitio LTR. Esta no es una forma recomendada. En este art\u00edculo, usted puede explorar c\u00f3mo CSS personalizado se puede agregar al sitio RTL.  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se recomienda a\u00f1adir c\u00f3digo personalizado a trav\u00e9s de un tema hijo. As\u00ed que aseg\u00farese de que tiene el <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-child-theme\/\">Tema infantil Astra instalado y activado<\/a>. <\/li>\n\n\n\n<li>Inicie sesi\u00f3n con FTP y edite el tema hijo Astra <\/li>\n\n\n\n<li>Cree un nuevo archivo y n\u00f3mbrelo <strong>rtl.css<\/strong> y a\u00f1adir todo el CSS personalizado en este archivo<\/li>\n\n\n\n<li>Editar el <strong>funciones.php <\/strong>en el tema hijo y a\u00f1ada el siguiente fragmento de c\u00f3digo<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">\/**\n * Cargar el archivo padre rtl.css\n *\/\nfunction astra_child_enqueue_rtl_styles() {\n    if ( is_rtl() ) {\n        \/\/ Cargar CSS RTL.\n        wp_enqueue_style( 'astra-rtl', get_stylesheet_directory_uri() . '\/rtl.css', array('astra-theme-css'), ASTRA_THEME_VERSION );\n    }\n}\nadd_action( 'wp_enqueue_scripts', 'astra_child_enqueue_rtl_styles' );<\/pre>\n\n\n\n<p>Echa un vistazo a la documentaci\u00f3n que explica c\u00f3mo a\u00f1adir c\u00f3digo PHP personalizado utilizando la funci\u00f3n&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">functions.php del tema hijo<\/a>&nbsp;archivo.&nbsp;<\/p>\n\n\n\n<p>El fragmento de c\u00f3digo anterior cargar\u00e1 CSS RTL s\u00f3lo cuando el sitio se visualice en modo RTL. El CSS no se cargar\u00e1 en modo LTR. <\/p>\n\n\n\n<p>Si tiene alg\u00fan problema al integrar este c\u00f3digo, por favor <a href=\"https:\/\/git-staging.wpastra.com\/es\/contact\/\">contacte con nosotros<\/a>. Siempre estamos aqu\u00ed para ayudar.<\/p>","protected":false},"excerpt":{"rendered":"<p>RTL significa \"Right-to-Left\" (de derecha a izquierda). Es una forma de escribir texto en la que se empieza por la derecha y se avanza hacia la izquierda. \u00bfNecesita a\u00f1adir CSS personalizado para el sitio RTL? El CSS RTL es \u00fatil porque permite a los sitios web adaptar su disposici\u00f3n y dise\u00f1o a los idiomas que se leen de derecha a izquierda, como el \u00e1rabe [...].<\/p>","protected":false},"author":25,"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":"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":"default","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":[108],"docs_tag":[],"class_list":{"0":"post-31669","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_wp_old_slug":["add-the-rtl-style-to-the-child-theme|add-the-rtl-style-to-the-child-theme","add-the-rtl-style-to-the-child-theme|add-the-rtl-style-to-the-child-theme"],"_yoast_wpseo_primary_docs_category":["108"],"_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":["2"],"wpil_links_outbound_internal_count_data":["a:2:{i:0;a:9:{s:3:\"url\";s:63:\"https:\/\/git-staging.wpastra.com\/docs\/install-astra-child-theme\/\";s:8:\"url_real\";s:63:\"https:\/\/git-staging.wpastra.com\/docs\/install-astra-child-theme\/\";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:41:\"Astra child theme installed and activated\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";s:8:\"url_real\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";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:29:\"child theme\u2019s functions.php\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["0"],"wpil_links_outbound_external_count_data":["a:0:{}"],"wpil_sync_report2_time":["2019-09-05T12:01:36+00:00"],"_edit_lock":["1708346928:109"],"_edit_last":["109"],"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"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["How to Add RTL CSS via Child Theme? (Astra)"],"_ht_kb_post_views_count":["8"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["31669"],"wp_last_modified_info":["May 1, 2021 @ 12:18 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["6080"],"helpful":["7"],"unhelpful":["14"],"redirects":["1"],"rank_math_primary_docs_category":["108"],"rank_math_title":["How to Add RTL CSS via Child Theme? (Astra)"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["876"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["rtl-css-via-child-theme"],"rank_math_seo_score":["13"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"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:6:{i:0;s:14:\"core\/paragraph\";i:1;s:9:\"core\/list\";i:2;s:14:\"core\/list-item\";i:3;s:17:\"core\/preformatted\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776541519\";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":"rohitt","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/rohitt\/"},"uagb_comment_info":0,"uagb_excerpt":"RTL stands for &#8220;Right-to-Left.&#8221; It&#8217;s a way of writing text where you start from the right side and move towards the left. Need to add custom CSS for the RTL site? RTL CSS is helpful because it allows websites to adapt their layout and design for languages that read from right to left, like Arabic&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/31669"}],"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\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=31669"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/31669\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=31669"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=31669"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=31669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}