TwentyTwelve versioning

时间：2013-03-11 作者：coopersita

我正在为Twenty12制作一个子主题，但我的主机正在缓存我的文件，所以我看不到我对样式所做的更改。css文件。

有没有办法为我的孩子主题设置样式表的版本？

Twenty12如何添加样式表？我在页眉中看不到它。php。

谢谢

2 个回复
最合适的回答,由SO网友:kaiser 整理而成

情况如何NOT 在WordPress中完成以下示例opposite 一个人应该怎么做。以下不良行为：

<style type="text/css">
<!--
/* ... Definitions that are hard to override or get rid off are here ... */
-->
</style>
这是另一个你应该如何做的例子：

<link rel="stylesheet" type="text/css" href="style.css">
WP使用“依赖项”API来管理脚本和样式文件。这意味着你

这意味着您首先要注册一个脚本以供进一步使用，然后再将其排队。通过这种方式，您可以在父主题或插件中注册样式表或脚本，然后将其排队并打印到您的网页上on demand.

如何防止缓存这个API还有一个很好的小参数versions. 这意味着，在加载文件时，随着版本添加到查询字符串中，您可以选择如何更新浏览器或服务器缓存：

每次使用date() 或time() （或类似的DateTime）函数，用于永久更新filemtime( get_stylesheet_directory().\'style.css\' ) 仅在更新时更改版本the technique of "filename based cache busting" 事实上alters the filename 如果有变化。它需要一些.htaccess 以及修改

示例

此示例取自我目前正在开发的插件：

$file   = \'js/chained_selection.js\';

wp_register_script(
     $this->handle
    ,plugin_dir_url( __FILE__ ).$file
    ,array( \'jquery\',  )
    ,filemtime( plugin_dir_path( __FILE__ ).$file )
    ,true
);
wp_enqueue_script( $this->handle );

wp_localize_script(
     $this->handle
    ,"{$this->handle}_obj"
    ,array(
         \'ajaxurl\' => admin_url( \'admin-ajax.php\' )
        ,\'nonce\'   => wp_create_nonce( $this->ajax_nonce_val )
        ,\'action\'  => $this->action
    )
);

When 要加载样式表/脚本，通常只需将register/enqueue/localize语句包装到函数或类方法中。为了让其他人在正确的位置跳入，钩子用于styles and scripts 具体如下：

  • admin_enqueue_script // 管理UIwp_enqueue_script // 主题login_enqueue_script // 登录页面

SO网友:coopersita

好的，我所做的就是添加一个函数。php添加到my child主题，并添加了以下内容：

<?php
function my_theme_styles() {
    wp_enqueue_style(\'my-theme-style\', get_stylesheet_directory_uri(). \'/style.css\', false, date(\'h:i:s\'));
}
add_action(\'wp_print_styles\', \'my_theme_styles\');
因此，它会加载两次样式表，这并不理想，但在网站开发过程中，它有助于保持样式表的新鲜。

结束
标签： css   child-theme   小码农  

相关推荐

为什么Roots主题的css文件没有加载(404)？

我已经使用Git设置了新的shiny 3.5.1 WordPress，如下所示：http://clintberry.com/2011/speed-up-your-wordpress-development-cycle-with-git/（在步骤2之后停止；我还没有创建子主题）。我希望根主题能够自行发挥作用）我基本上拥有的与作者的Git项目相同：https://github.com/clintberry/WordPress我最后在头部部分添加了如下标签：<link rel=\"stylesheet\"