CSS for Wordpress 在特定帖子中

Question

我已经尝试了几个小时，以使一些图像在Wordpress帖子中水平显示。 当我单击"文本"时，我可以添加一个div类，所以我尝试向div添加内联样式(因为我不想为整个站点调整整个css(。 我安装了一个插件"自定义 css"，它似乎也不起作用。

我也尝试过设置图像本身的样式

img style="display: inline; margin: 0 5px;" src="blah blah" 

我刚从想法中走出来，准备拔掉我剩下的头发。

Answer 1

我不完全理解你的问题！

如果要为特定的帖子图像添加样式，例如，ID 为140的帖子图像，请添加post_class函数，然后使用.post-140 img类为特定帖子添加样式。

post_class函数引用，the_post_thumbnail函数引用

或者，如果要设置缩略图的样式，可以像这样向缩略图添加类：the_post_thumbnail( 'thumbnail', array( 'class' => 'class name' ) );

希望有用！

Answer 2

如果您想添加自定义样式或仅覆盖特定帖子而不影响其他帖子，可以使用 2 种方法。

1. 使用像 https://wordpress.org/plugins/postpage-specific-custom-css/这样的插件

2. 如果用例很简单，我们可以在外观 -> 自定义 -> 常规 -> 自定义 CSS/Js 的自定义 CSS 区域内添加一个自定义样式

   如下

添加新样式

#post-[WP-ID-OF-THE-POST] { /* YOUR STYLE HERE */ }

覆盖现有样式

#post-[WP-ID-OF-THE-POST] .nav_area{ /* YOUR STYLE HERE */ }

例如：-

#post-100 {
/* YOUR STYLE HERE */
}

100 是特定帖子的 ID。

参考： https://theme4press.com/give-wordpress-post-unique-style/