如何在WordPress中添加视频缩略图

01/05/2024

为什么要在WordPress中添加视频缩略图?

所有流行的WordPress主题都允许你为文章和产品添加特色图片。这些图片通常出现在页面顶部和你网站的其他区域,比如归档页面。搜索引擎和社交媒体网站也可能会显示页面的特色图片。

通过使用视频缩略图,你可能会获得更多点击、页面浏览量,甚至销售。如果你有一个在线商店,在产品页面顶部显示视频是吸引购物者下拉查看更多产品信息的好方法。

如何在WordPress中添加视频缩略图

使用Really Simple Featured Video插件

最简单的方法是使用Really Simple Featured Video插件,它让你可以嵌入来自YouTube或Vimeo等平台的视频,并将其作为特色缩略图。它也与WooCommerce完美兼容,会在产品页面顶部显示视频。

安装和激活插件

首先,你需要安装并激活插件。激活后,前往你的WordPress仪表盘Settings » Really Simple Featured Video。

在这个页面,你可以选择是否将视频缩略图添加到文章、页面和WooCommerce产品。默认情况下,插件已启用“文章”选项。如果你也想在页面和WooCommerce产品中添加视频缩略图,只需将“页面”和“产品”开关从灰色(禁用)切换为绿色(启用)。然后点击“保存更改”按钮。

控制设置

接下来,转到“控制”选项卡。在“自托管视频”部分,你可以配置WordPress媒体库中视频的设置。

虽然插件支持自托管视频,但它们会占用大量存储空间和带宽,因此我们不推荐这样做。滚动到“嵌入视频”部分,这里你可以设置嵌入自第三方视频平台的视频,比如YouTube。

Really Simple Featured Video插件默认会播放有声音的视频。你可以点击“静音”开关来默认静音播放视频。你还可以设置视频循环播放,但要注意,循环播放短且噪音大的视频可能会让许多访问者感到厌烦。

在配置完不同的设置后,确保点击“保存更改”按钮。

为文章、页面和WooCommerce产品添加视频缩略图

配置完插件后,你就可以为你的WordPress网站添加视频缩略图了。打开你想添加视频缩略图的文章、页面或WooCommerce产品。在右侧菜单的“讨论”部分下,你会找到“特色视频”部分。

想在WooCommerce产品中添加特色视频吗?你会在“产品图库”部分下找到“特色视频”。点击“嵌入”,然后粘贴你想嵌入视频的URL。

确保使用正确格式的URL。例如,YouTube的视频URL格式应为https://www.youtube.com/embed/,然后加上你想嵌入视频的ID。

在WordPress块编辑器中粘贴URL到“Embed”字段,这将添加视频缩略图到文章或页面。完成后,点击“更新”或“发布”按钮。

按照相同过程,你可以向更多文章、页面和WooCommerce产品添加视频缩略图。打开任何页面、文章或WooCommerce产品,你会看到视频像特色图片一样出现在页面顶部。

总结

希望本文帮助你学会如何在WordPress中添加视频缩略图。你还可以查看我们关于最佳YouTube视频图库插件的指南,以及如何嵌入Facebook视频。如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>