📜  在 wordpress 中隐藏特色图片 - CSS (1)

📅  最后修改于: 2023-12-03 15:07:51.507000             🧑  作者: Mango

在 WordPress 中隐藏特色图片 - CSS

WordPress 是一个非常流行的网站建设平台,它的特色图片功能可以让你在文章列表页和文章页上展示一张代表性的图片。然而,有些时候我们可能希望隐藏特色图片,这篇文章将介绍如何通过 CSS 实现这一功能。

步骤
  1. 进入 WordPress 后台,找到 "外观 - 主题编辑器"。

  2. 在编辑区中找到并点击 "styles.css" 文件。

  3. 在 "styles.css" 文件中添加以下代码:

// 隐藏文章列表页上的特色图片
.archive .entry-thumbnail {
    display: none;
}

// 隐藏文章页上的特色图片
.single .entry-header .entry-thumbnail {
    display: none;
}
  1. 点击 "更新文件" 保存修改。

现在,你的 WordPress 网站上的特色图片已经被隐藏了。

解释

在上面的代码中,我们定义了两个 CSS 规则。第一个规则使用了 ".archive" 和 ".entry-thumbnail" 选择器,这表示我们要针对文章列表页上的特色图片进行样式修改。具体来说,我们使用 "display: none;" 将特色图片隐藏不显示。

第二个规则使用了 ".single"、".entry-header" 和 ".entry-thumbnail" 选择器,这表示我们要对文章页上的特色图片进行样式修改。同理,我们使用 "display: none;" 将特色图片隐藏不显示。

总结

通过上面的步骤,我们可以在 WordPress 中隐藏特色图片。需要注意的是,这种方法只是通过 CSS 对图片进行了样式修改而已,特色图片实际上仍然存在,只是不会被显示出来。如果需要完全去除特色图片,还需要在 WordPress 后台的文章编辑页面中将特色图片删除。