如何在 WordPress 中隐藏单篇文章的特色图片
有些人可能更倾向于不在单篇博客文章中显示特色图片,无论是出于性能问题、设计选择还是内容重点。.
例如,您可能不希望在文字密集的文章(如教程或公告)中使用特色图片,因为它可能会分散访客对内容本身的注意力。隐藏特色图片还可以提升加载速度,尤其是移动设备用户。.
如果您想实现相同的目标,我们将指导您如何在个人博客文章中隐藏特色图片!
目录
如何单独隐藏特色图片
有多种方法可以隐藏博客文章中的特色图片。如果您没有编码经验,您可以使用一个简单的插件来完成此操作。.
但是,如果您不想安装任何插件,您可以通过编辑主题文件或使用自定义 CSS 来采用更技术性的方式。下面,我们已经逐步解释了每种方法:
方法1:使用插件
您可以使用 Conditionally Display Featured Image 插件快速隐藏特色图片。此流行插件可在 WordPress 插件目录中免费获取。.
使用此插件,您可以选择隐藏单篇文章或显示所有已发布文章列表的博客页面上的特色图片。.
如果您想尝试此简易方法,let's 先通过安装它开始:
1. 安装并激活插件
如果您已经了解如何在 WordPress 中安装和激活插件,您可以直接跳到下一步。但如果 it's 是您第一次,let's 继续按照以下步骤进行:
- 打开您的 WordPress 管理仪表盘。.
- 点击插件 菜单从侧边栏。
- 点击添加插件 打开插件目录。
- 输入有条件显示特色图片 到搜索栏。插件应显示为第一个结果。
- 点击立即安装 下载插件。
- 安装后,点击激活 以在站点上启用它。
2. 编辑所需的文章
插件激活后,您可以直接前往想要隐藏特色图片的文章。然后,按照以下步骤找到允许隐藏图片的复选框:
- 打开您想编辑的博客文章。.
- 点击 设置 以访问编辑器。
- 在侧边栏,转到 文章 选项卡。
- 在最顶部,您应该能看到您的特色图片。下面,您会找到以下选项: 仅在文章列表中显示特色图片,但在单篇文章视图中隐藏它。
- 勾选复选框以在该特定文章中隐藏特色图片。.
- 接下来,点击 更新/保存按钮(如果文章已发布)或 发布按钮(如果它仍是草稿)。
3. 更新文章以应用更改
此步骤在您点击 保存 或 更新 按钮。不过,请确保检查您站点的前端,以确认特色图片已实际隐藏。
有两种方法可以做到这一点:
- 检查已发布文章的实时版本
- 或在发布前预览您的草稿文章
这里'是前后对比结果:
方法二:使用自定义 CSS
如果特色图片仍然出现在您的文章中,请不要担心,因为我们还有另一种方法可以帮助您解决此问题。.
您可以使用自定义 CSS 代码将其从用户视图中隐藏。不过,请注意,此方法可能会略微影响性能,因为即使不可见,特色图片仍会被加载。.
如果这对您来说不是问题,请继续并遵循以下教程:
1. 确定特定文章的 ID
为了确保 CSS 代码仅影响单个文章,您需要找到它的文章 ID。文章 ID 是一个唯一标识 WordPress 中每篇文章的数字。.
例如,URL 可能包含 post=111,其中 111 是文章 ID。.
然而,如果您的站点使用 SEO 友好的永久链接,您 won't 在 URL 中直接看到文章 ID。.
Here' 是如何找到它的方式:
- 前往您的 WordPress 管理仪表盘。.
- 点击您想编辑的文章。.
- 查看浏览器中的 URL 栏。.
- 您应该会看到一个包含帖子 ID 的 URL,如下所示。.
2. 添加自定义 CSS 以隐藏该文章的特色图片
确定帖子 ID 后,下一步是将其添加到您的自定义 CSS 代码中。WordPress 内置了添加 CSS 的功能,因此您无需安装任何第三方插件。.
您可以通过 Customizer 菜单。此方法仅需基本的编码知识,因此无需担心。
我们将向您展示以下步骤:
- 点击 Appearance 侧边栏中的菜单,并选择 Customize。
- 您将进入 Customizer 菜单。
- 向下滚动并点击 Additional CSS 部分。
- 将以下代码粘贴到编辑框中。'不要忘记将帖子 ID 替换为您实际的帖子 ID。.
.postid-51442 .post-thumbnail { display: none; }
- 最后,点击 发布 以应用更改。您的特色图片现在应该已从该帖子中隐藏。
方法三:编辑主题文件
如果上述方法 don'不要 给您想要的结果,您可以尝试编辑主题文件。.
但,这应被视为最后的手段,因为编辑主题文件可能导致错误或破坏某些功能。.
请确保备份以防万一。之后提醒一下,让我们开始吧:
1. 打开主题的 functions.php 文件
有许多 .php 文件位于主题中,例如 single.php、content.php 和 functions.php。它取决于你的 theme's 结构。
对于此方法,您需要定位 functions.php 文件。以下是定位方法:
- 打开 Appearance 菜单从侧边栏。
- 点击 主题文件编辑器
- 它将打开主题编辑器,如下所示。.
- 向下滚动 主题文件 菜单并找到 functions.php。
- 点击打开文件。.
2. 为特定文章排除特色图片添加条件语句
既然您已经打开了 functions.php 文件,添加以下代码以隐藏单篇文章页面的特色图片。
function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // 添加过滤器 add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 );
为了确保代码仅在特定文章中隐藏特色图片,请is_single() 替换为 is_single(123),其中 123 是您想要定位的文章 ID。
之后,点击 Update File 按钮保存更改。
告别混乱的媒体库。.
WP Media Folder允许您对文件进行分类,将文件夹与云存储同步,创建令人惊叹的画廊,甚至可以在不破坏链接的情况下替换图像。
优化您的媒体工作流程
如何在所有单篇文章中隐藏特色图片
如果您想在所有单篇文章中隐藏特色图片,Neve 主题让此操作更轻松。.
只需几次点击,此方法即可确保在您的文章页面上隐藏特色图片。.
如果您已经安装了 Neve 主题,您可以继续以下步骤:
- 在您的 WordPress 管理仪表盘,前往 外观 并点击 自定义。
- 前往 博客 部分。
- 您将看到两种布局样式: 普通 和 封面. 隐藏特色图片的步骤因每种布局而异:
对于普通布局:
- 向下滚动并定位 缩略图 部分。
- 点击 眼睛图标 位于缩略图 旁边以禁用它。
- 通过点击发布按钮应用此更改。.
- 使用普通标题布局的文章现在将隐藏特色图片。.
对于封面布局:
1. 向下滚动以查找 隐藏特色图片 切换。
2. 打开此切换 开启。
3. 点击 发布 以保存设置。
- 保存设置后,请等待几秒钟以使更改生效。.
- 然后,访问您的某篇单篇文章进行检查,以查看特色图片是否已隐藏。.
请记住,要使用此方法必须已安装 Neve 主题。如果您尚未安装,请尝试从以下位置安装并激活它:主题目录。只需输入 Neve 到搜索框中,您就会找到它。
为什么不建议编辑主题文件?
我们已提醒您,除非必要,请勿编辑主题文件。原因很简单:它可能会破坏您的站点。.
所以,我们已经收集了一些更安全的替代方案,帮助在不需要编辑主题文件的情况下隐藏特色图片:
- 使用代码片段插件: Code Snippet 是一个免费插件,允许您向个人文章添加自定义 PHP。它在不冒破坏站点风险的情况下效果显著。
- 自定义功能插件: 此插件使您能够挂钩自定义 PHP,而不是直接在主题文件中键入。
呼唤所有网站管理员!
使用WP Media Folder节省时间和提高生产力。轻松组织客户媒体文件,创建自定义画廊,并提供无缝的用户体验。
立即升级您的网站项目!
总结
您不必尝试上述所有方法来隐藏 WordPress 中的特色图片。只需找到适合您需求的那一个。.
管理大量的特色图片可能会耗时,尤其是当您的媒体库变得杂乱时。.
这就是为什么使用像这样的插件是个好主意 WP Media Folder,它允许您分配、预览并将特色图片组织到带有彩色图标的文件夹中。这是节省时间并保持有序的聪明方式!当您订阅博客时,我们会在网站有新更新时发送电子邮件给您,这样您就不会错过它们。.

评论