如何在WordPress中使用内联样式?

时间:2014-10-28 作者:forrest

我想能够添加一个背景图像的标题区域内的每一页this site. 在静态页面上,我会这样做:

<header class="entry-header" style="background: url(\'/images/bg_the-firm.jpg\')no-repeat left top;">
然而,任何内联样式的尝试都会被WordPress删除。我可以使用主题的样式添加背景图像。css,但我需要能够为每个页面添加唯一的图像:因此需要内联样式。

1 个回复
SO网友:Robert hue

您还必须在内联背景样式中指定模板目录。像这样使用它。

<header class="entry-header" style="background: url(\'<?php bloginfo(\'stylesheet_directory\'); ?>/images/bg_the-firm.jpg\')no-repeat left top;">
如果WordPress剥离了内联样式,则可以使用body类向每个页面添加特定样式。

每个页面都有一些主体类,您可以在任何浏览器的页面源中找到这些主体类。并在style.css.

body.page-id-6 header.entry-header{background: url(\'images/bg_the-firm.jpg\') no-repeat left top;}
确保在style.css 以避免覆盖其效果。

结束

相关推荐

后端上未加载任何CSS

我在AWS上安装了WordPress,我遇到了一个问题,即作者无法一次性提交媒体等内容,并且出现了超时错误。刷新页面5-6次后,作者可以再次上传内容。为了缓解这个问题,我停用了所有插件并从后端升级到WordPress 4.0,这也引发了一个问题,我不得不手动重新运行更新。因此,我下载了最新的WordPress Zip,并按照http://codex.wordpress.org/Updating_WordPress.最后,在最后一步中,当我刷新浏览器窗口时,它询问数据库也需要升级。因此,我按照屏幕上的说明登