W3 Total缓存如何通过CDN在样式表中加载图像?

时间:2012-07-11 作者:its_me

W3 Total Cache使用所有PHP/WordPress API技巧确保所有静态内容(CSS、JS、图像等)都是从CDN URL提供的。

但是,它如何确保即使是我的CSS/样式表文件中引用的图像也能从CDN URL获得服务呢?我检查了我的CSS文件,图像的路径没有改变。

W3TC是如何做到这一点的,真奇怪。有人知道吗?

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

好吧,答案很明显。让我举例说明:

W3 Total Cache确保通过CDN URL加载网页上的所有主要静态内容(即网页源中直接引用的内容)。

因此,假设W3TC从cdn.example.com/wp-content/themes/MY-THEME/style.css 样式表包含以下代码:

.expand-down {
    padding-left: 14px;
    background: url(/wp-content/themes/v7/img/right_arrow.png) left center no-repeat;
}

#twitter_bird {
    background: url(../themes/v7/img/tech-innovators/twitter_bird.png) no-repeat scroll left top transparent;
    width: 34px;
    float: left;
    height: 24px;
    margin: 9px 0 0 7px;
    display: block;
}
,因为CSS文件具有对图像位置的相对引用。因此,浏览器只需从same domain as the domain the one the stylesheet is served from. 我怎么会忘记这件简单的事?!

结束

相关推荐

如何在前端的wp_EDITOR中添加EDITOR-Style.css样式以获得评论

如何应用自己的css(以匹配editor-style.css) 到wp_editor 在前端用于评论?目前我正在使用code from here 启用注释的可视化编辑器。我的实际代码functions.php:add_filter( \'comment_form_defaults\', \'custom_comment_form_defaults\' ); function custom_comment_form_defaults( $args ) { if ( is_user_l

W3 Total缓存如何通过CDN在样式表中加载图像? - 小码农CODE - 行之有效找到问题解决它

W3 Total缓存如何通过CDN在样式表中加载图像?

时间:2012-07-11 作者:its_me

W3 Total Cache使用所有PHP/WordPress API技巧确保所有静态内容(CSS、JS、图像等)都是从CDN URL提供的。

但是,它如何确保即使是我的CSS/样式表文件中引用的图像也能从CDN URL获得服务呢?我检查了我的CSS文件,图像的路径没有改变。

W3TC是如何做到这一点的,真奇怪。有人知道吗?

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

好吧,答案很明显。让我举例说明:

W3 Total Cache确保通过CDN URL加载网页上的所有主要静态内容(即网页源中直接引用的内容)。

因此,假设W3TC从cdn.example.com/wp-content/themes/MY-THEME/style.css 样式表包含以下代码:

.expand-down {
    padding-left: 14px;
    background: url(/wp-content/themes/v7/img/right_arrow.png) left center no-repeat;
}

#twitter_bird {
    background: url(../themes/v7/img/tech-innovators/twitter_bird.png) no-repeat scroll left top transparent;
    width: 34px;
    float: left;
    height: 24px;
    margin: 9px 0 0 7px;
    display: block;
}
,因为CSS文件具有对图像位置的相对引用。因此,浏览器只需从same domain as the domain the one the stylesheet is served from. 我怎么会忘记这件简单的事?!

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s