Background image call problem

时间:2015-10-03 作者:Max

我根本找不到正确的方法或工作方式来做这件事。我制作了一个备选标题,并添加了一个带有redux主题选项的选项,以获得备选标题。我还制作了一个自定义css。在php中,我可以输入一些文件,这些文件在标题中输出。这应该覆盖样式中的任何css。css

我需要的东西其实很简单,但不管我用什么方法,它都不起作用

一个例子

.header固定{背景:透明url(assets/images/mix1.png)repeat-x;}

使用此选项将无法工作,并且不存在带有chrome inspector的图像。如果我添加完整路径,如

背景:透明url(wp-content/themes/theme-name/assets/images/mix1.png)repeat-x!重要的

那就行了,为什么,我不确定。但我认为这不是一个正确的决定。

其他示例

背景:url(.“/资产/图像/mix1.png”)重复-x!重要的

背景:url(“.”/资源/图像/混合1。png“;”)重复-x!重要的

3。背景:url(“/assets/images/mix1.png)repeat-x!important;

4、背景图片:url(.“/资产/图片/mix1.png”);背景重复:repeat-x;

背景图片:url(/assets/images/mix1.png);背景重复:repeat-x还有更多。所以有什么建议吗

1 个回复
SO网友:dswebsme

更新:添加了第三个示例,向您展示如何根据您在注释中提供的源代码输出PHP字符串中的路径。

在CSS中有一个完整的路径并没有错,但您需要确保该路径是由WordPress动态生成的,以获得最一致的结果。

在这种情况下,get\\u template\\u directory\\u uri()和/或get\\u stylesheet\\u directory\\u uri()助手将非常方便。您使用的主题取决于您是在标准主题中构建,还是在支持子主题的父主题中构建。您可以在此处阅读更多关于差异的信息:https://codex.wordpress.org/Function_Reference/get_template_directory_uri

根据您声称能够按预期工作的示例,继续使用代码:

// standard theme / parent theme asset example
background: transparent url(<?php echo get_template_directory_uri(); ?>/assets/images/mix1.png) repeat-x !important;

// child theme asset example
background: transparent url(<?php echo get_stylesheet_directory_uri(); ?>/assets/images/mix1.png) repeat-x !important;
在您的特定情况下,请尝试以下操作:

// specific example from your source file (line 23)
.header-fixed {  background: transparent url(\' . get_template_directory_uri() . \'/assets/images/mix1.png) repeat-x !important;  }

相关推荐

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

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