沃梦达 / 编程技术 / CMS教程 / 正文

php – WordPress中的动态CSS背景图像

我刚刚设置了WordPress并尝试安装主题.一切都很好,但对于一个简单的问题.我知道如何在开始时将图像设置为动态图像来设置我的index.php,如下所示:img src=?php echo get_template_directory_uri(); ?/img/logo.p...

我刚刚设置了WordPress并尝试安装主题.一切都很好,但对于一个简单的问题.我知道如何在开始时将图像设置为动态图像来设置我的index.php,如下所示:

<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="" />

但是如何制作一个由css调用的动态图像

.portfolio {
background-attachment: fixed;
background-image: url("../img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

我已经尝试了很多次但是失败了.请提出一些想法.

解决方法:

您应该注意,Wordpress有一种标准方法可以将< script>和< style>添加到< head>您的网络文档的一部分,使用wp_enqueue_scripts操作,但关于您的问题,我将尝试提供所需的方式:

您可以将该特定CSS放在< style>中文档中的标签< head>部分和用途:

.portfolio {
background-attachment: fixed;
background-image: url("<?php echo get_template_directory_uri(); ?>/img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

UPDATE

虽然,这似乎工作,并让你有所需的输出,我强烈建议你不要使用它,因为你可以使用:

.portfolio {
    background-attachment: fixed;
    background-image: url("img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

在你的style.css文件中仍然得到相同的结果.

我真的不知道什么样的动态CSS,你是不是,但如果你真的希望它是动态的,你确定你在做什么,你有两种方法:

>上面的方法(在文档的< head>部分中为< style>标记添加样式)
>使用PHP使您的样式表文件动态化(您可以获得this链接的教程,或google动态样式表php)

本文标题为:php – WordPress中的动态CSS背景图像

基础教程推荐