WordPress的RTL,添加RTL主题

时间:2018-08-10 19:52:25

标签: css wordpress right-to-left

我有一个wordpress主题,例如包含多个css文件

style.css
assets/main.css
assets/pager.css
assets/blog.css

,我希望我的网站包含阿拉伯文和英文两种语言(LTR和RTL) 但我的主题不支持RTL 我通过创建新的CSS文件来编辑CSS文件中的所有方向

style.css
style-rtl.css
assets/main.css
assets/main-rtl.css
assets/pager.css
assets/pager-rtl.css
assets/blog.css
assets/blog-rtl.css

现在,我想知道当浏览者浏览英语(LTR)时如何使WordPress使用标准的CSS文件,以及当浏览者浏览阿拉伯语时如何使用RTL CSS文件

最佳记录

2 个答案:

答案 0 :(得分:0)

我不知道您使用的翻译插件是什么,所以我假设它是WPML。您需要做的是编辑加载样式的位置。您的代码应如下所示:

add_action( 'wp_enqueue_scripts', 'load_styles_by_language' );
function load_styles_by_language () {
  // check what is the current language and if it is not English then load the RTL
  if (ICL_LANGUAGE_CODE !== 'en') {
    // load the RTL style
    wp_enqueue_style( 'style_name', get_stylesheet_directory_uri . '/assets/main-rtl.css' );
  } else {
    // load the standard style
    wp_enqueue_style( 'style_name', get_stylesheet_directory_uri . '/assets/main.css' );
  }
}

ICL_LANGUAGE_CODE是保存当前语言代码的WPML全局变量,因此,如果您不使用WPML进行翻译,则应检查翻译插件支持哪些函数或全局变量来获取此信息。然后只需替换if语句中的ICL_LANGUAGE_CODE变量。

此代码应添加到functions.php文件中的child theme中。

答案 1 :(得分:0)

我不知道如何      如果(ICL_LANGUAGE_CODE!=='en'){     //加载RTL样式

第二种语言是ar(阿拉伯语) 和主题有13个CSS文件