css - Wordpress 子主题 CSS 问题

Question

我在 http://eventdepotnj.com 上使用 WooShop 主题并为其创建子主题。

我用这个 style.css 创建了一个新目录/wooshop-child:

/*  
Theme Name: WooShop Child
Description: Child theme for WooShop
Author: Blue Star Multimedia
Template: wooshop
*/

我用这段代码添加了一个 functions.php 文件:

<?php 

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

但是它不起作用。

我将编辑后的 ​​header.php 和 footer.php 文件上传到子主题文件夹以覆盖常规主题，并且成功了。但是当我对 style.css 文件进行任何更改时，它并没有出现在我的子主题上，它似乎没有被选中。有什么想法吗？

Answer 1

看起来您的服务器正在缓存文件。如果我将子样式表的 URL 从

http://eventdepotnj.com/wp-content/themes/wooshop-child/style.css?ver=4.1.1

到

http://eventdepotnj.com/wp-content/themes/wooshop-child/style.css?ver=4.1.2

(只是为了测试)，我看到你在评论中提到的 20px 字体大小。检查 Chrome 的开发工具，我知道我没有看到本地缓存的版本 4.1.1 - 它来自您的服务器。

我建议根据文件修改时间自动生成版本号，以阻止它被缓存。看我的回答here了解详情。