标题中的内联样式中的图像路径错误

时间:2017-07-24 作者:gdaniel

我正在将一些内联样式添加到<head> 使用file_get_contents(some-style.css) 以及wp_head 钩我的相对图像路径在添加到头部后不起作用,尽管如果我只使用<link> 以加载文件。

我的路径:

theme_dir/assets/imgs/my_image.jpg
我尝试过:

\'/assets/imgs/my_image.jpg\'
\'../assets/imgs/my_image.jpg\'
\'assets/imgs/my_image.jpg\'
我对这个问题的唯一解决方案是对的结果进行搜索和替换file_get_contents 并添加template_directory_uri 它的路径。我宁愿不必那样做。

我还尝试添加一个基本url作为主题目录,解决了这个问题,但随后我创建了其他问题(例如哈希不起作用)。

我也知道这个功能wp_add_inline_style, 但这需要已经加载另一种样式,这正是我试图避免的。

有没有更好的解决方案来实现我的目标?还是有我可以使用的路径?

1 个回复
SO网友:kero

如果它们是内联的,则图像路径应为/wp-content/themes/theme_name/ 然后不管目录在哪里。

因为您已经通过file_get_contents(), 为什么不进行搜索(&a);替换并使用它们的完整URL?使用适当的缓存,这不会对加载时间本身产生任何影响。

通常的方法是通过wp_enqueue_style(). 像W3 Total Cache或WP Optimize这样的插件提供了合并所有加载样式的解决方案——只有正确地将它们排队,而不是将它们内联,这才有效。

结束

相关推荐

可以使用页面的特色图像作为不带内联的css背景吗?

所以,我对WordPress完全陌生,并且尝试将静态站点“转换”为WP主题。我有一个页面,我想使用特色图像作为div的背景。我想知道最好的方法是什么,或者说大会是怎么做的?无论是特色图片还是其他什么,我只希望用户能够从仪表板更改图像。如果可能的话,我会避免内联,那么这是唯一的选择吗?