Question

我正在制作一个包含谷歌地图的WordPress帖子。主题中的每个图像都有样式设置宽度为540px。这会通过压扁它们来破坏控制。我需要找到一种方法来改变这篇文章的风格。

我通过使用JavaScript创建样式表来设置帖子，并将正确的值设置为重要的覆盖图像。这有效，但它使最大宽度应用于所有图像。

<script>
//used to override the default max width style. If this is remove the control image will be squished into the default max-width set in the clf


var sheet = document.createElement('style')
sheet.innerHTML = "img {max-width:1029px !important;}";
document.body.appendChild(sheet);

</script>

我添加了带有自定义字段的样式。

Answer 1

有两种方法。

更合适的方法是使用外部样式表。如果你查看你的帖子，然后在你选择的开发工具中查看它，你会看到你的帖子内容将被包含在一个包含帖子ID作为html id的div中：

<div id="post-153484" ... ></div>

因此，您可以在外部样式表中使用样式，如：

#post-153484 img {max-width:1029px !important;}

或者快速而肮脏的方式可行，但也许不是最好的做事方式是在帖子的主体中包含样式。在wordpress中编辑帖子时，请将视图更改为html模式。

然后在那里添加一些样式：

<style>
    img {max-width:1029px !important;}
</style>

Answer 2

有一个插件可让您为每个帖子添加样式：http://wordpress.org/extend/plugins/per-post-scripts-and-styles/

在WordPress帖子中为所有图像设置样式

2 个答案: