How to enqueue 2 rtl css

时间:2020-03-13 作者:ahmet kaya

我测试了我的网站https://wordpress.org/plugins/rtl-tester/ wordpress语言为英语时的插件。看起来不错。所以我仍然需要制作样式rtl。css?如果我需要制作,如何制作和排队两个rtl css,因为我有2个主题css文件?非常感谢。

1 个回复
SO网友:HK89

使用CSS creator工具时,必须将此样式的rtl排队。css以便WordPress知道何时加载此版本。您只需向函数中添加一个代码段。php文件。这允许WordPress在设置为RTL语言时加载正确的样式表。只需将wp\\u style\\u add\\u data()信息添加到现有的排队样式函数中即可。如果您使用的是专用重写样式表,则不需要特殊函数。

您已经将样式排队,wp\\u style\\u add\\u data()不会排队,它会将元数据添加到已排队的样式中,并且此函数不允许空参数。见下文。

if (is_page_template(\'page-templates/full-page.php\')) { 
      wp_enqueue_style( \'lucieaverillphotography_style\', get_stylesheet_uri() );
      wp_enqueue_style( \'lucieaverillphotography-full-page\', get_stylesheet_directory_uri() . \'/css/full-page.css\', array( \'lucieaverillphotography_style\' ) ); 
      //wp_style_add_data( \'lucieaverillphotography-full-page\' );  --> not needed & cannot be used without required inputs

} 
但是。。。。。您可以将所有css组合到一个文件中,并在所有页面上将其称为默认值(如果需要,可以调用ie8特定样式表…),这样,它可以被浏览器缓存,并且在第一次访问之后,您的css加载速度更快。。。重温CSS特性和ID/类,从长远来看,这将为您节省大量工作!

如果您想要对css进行特定于模板的更改,您有几个选项

如果css更改在文章/页面中,通常会有一个该页面唯一的id/类集(或者自己添加一个)。

将自定义css直接添加到模板中(它适用于页面中的任何位置,在标准中并不流行,但目前您可以将css规则放在样式标记中的任何位置

  • 在页眉中添加一个自定义类作为body标记,例如>

  • 然后,您可以在模板中专门针对css。。。e、 g。

    page-id-2 header{ display: none;} //-->use chrome inspector to see what classes are outputted on each template
    

    相关推荐

    multi-language WordPress site

    我正在制作由WordPress支持的多语言网站。WPML 不是免费的,而且它对数据库进行了太多额外的sql查询,所以对于我的站点来说,这不是一个好的解决方案。qTranslate 将所有语言保存在一个数据库行中,以后移动到另一个多语言插件非常复杂。<?php _e( \'<!--:en-->english text<!--:--><!--:de-->german text<!--:-->\' ); ?> xLanguage 两年多没有更新