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.
¿Necesita añadir CSS personalizado para el sitio RTL? El CSS RTL es útil porque permite a los sitios web adaptar su maquetación y diseño a idiomas que se leen de derecha a izquierda, como el árabe o el hebreo.
Normalmente, muchos de nosotros añadimos .rtl 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ículo, usted puede explorar cómo CSS personalizado se puede agregar al sitio RTL.
- Se recomienda añadir código personalizado a través de un tema hijo. Así que asegúrese de que tiene el Tema infantil Astra instalado y activado.
- Inicie sesión con FTP y edite el tema hijo Astra
- Cree un nuevo archivo y nómbrelo rtl.css y añadir todo el CSS personalizado en este archivo
- Editar el funciones.php en el tema hijo y añada el siguiente fragmento de código
/**
* Cargar el archivo padre rtl.css
*/
function astra_child_enqueue_rtl_styles() {
if ( is_rtl() ) {
// Cargar CSS RTL.
wp_enqueue_style( 'astra-rtl', get_stylesheet_directory_uri() . '/rtl.css', array('astra-theme-css'), ASTRA_THEME_VERSION );
}
}
add_action( 'wp_enqueue_scripts', 'astra_child_enqueue_rtl_styles' );
Echa un vistazo a la documentación que explica cómo añadir código PHP personalizado utilizando la función functions.php del tema hijo archivo.
El fragmento de código anterior cargará CSS RTL sólo cuando el sitio se visualice en modo RTL. El CSS no se cargará en modo LTR.
Si tiene algún problema al integrar este código, por favor contacte con nosotros. Siempre estamos aquí para ayudar.
