如何在WordPress中為YouTube視頻新增縮圖

12/26/2022

視頻縮圖和WordPress帖子縮圖

WordPress內置了新增特色圖片或帖子縮圖的功能,多數WordPress主題支持此功能。不過,如果您想強調來自YouTube的視頻內容,那麼您會希望使用視頻縮圖來展示這些內容。本文將幫助您使用默認的WordPress帖子縮圖功能來做到這一點。

在WordPress中設置視頻縮圖插件

首先,您需要安裝並啟用視頻縮圖插件。啟用插件後,您需要前往“設置”»“視頻縮圖”來配置插件設置。

在設置頁面上,我們建議您選擇將縮圖存儲在您的媒體庫中。這將減少站點上的外部http請求,使頁面加載更快。在帖子類型部分中,插件會顯示您的網站上的帖子、頁面和自定義帖子類型。選擇您希望插件掃描視頻連結的帖子類型。在此頁面的最後一個選項是選擇一個自定義字段。某些WordPress視頻插件將視頻URL保存在自定義字段中,如果您使用這些插件,您需要在此處輸入該自定義字段。完成後點擊“保存更改”按鈕。

在設置頁面上,您還會看到“提供商”選項卡。如果您使用Vimeo分享視頻,則需要在Vimeo上創建一個應用,然後輸入客戶端ID、客戶端密鑰、訪問令牌和訪問令牌密鑰值。

在“批量操作”選項卡上,您可以掃描已發布的帖子中的視頻並生成視頻縮圖。該插件還提供了一個按鈕來清除所有視頻縮圖並將其從您的帖子中移除作為附件。

在WordPress帖子中創建視頻縮圖

現在您已設置好插件,讓我們通過在WordPress帖子中添加視頻URL來創建視頻縮圖。為此,您需要創建或編輯一個WordPress帖子並在帖子編輯區域中添加您的視頻URL。一旦您發布帖子,您將看到插件已為您生成了一個視頻縮圖並將它添加到您的帖子中。

在WordPress主題中顯示視頻縮圖

視頻縮圖插件使用WordPress帖子縮圖功能。大多數WordPress主題會自動顯示帖子縮圖,這意味著您的主題將自動顯示視頻縮圖以及您的帖子內容或摘錄。如果您的主題未顯示視頻縮圖,那麼您需要編輯您的主題檔案,並在要顯示縮圖的模板中添加以下代碼:

<?php the_post_thumbnail(); ?>

如何在WordPress中為視頻縮圖添加播放按鈕

現在您已成功捕捉並顯示了WordPress帖子中的視頻縮圖,您可能希望將普通的圖片縮圖與視頻縮圖區分開來,這樣可以讓用戶知道帖子中有視頻,並可以點擊播放按鈕觀看視頻。我們將向您展示如何使用條件標籤區分視頻縮圖和普通帖子縮圖並添加播放按鈕。

要使用這種方法,您需要確保將視頻帖子發布在特定類別下,例如“視頻”。然後在您的主題模板文件(例如index.php、archive.php、category.php或content.php)中找到以下代碼行:

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

現在我們需要將此代碼替換為以下代碼:

<?php if ( in_category( 'video' )) : ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?><span class="playbutton"></span></a>
<?php else : ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
<?php endif; ?>

此代碼在僅對於歸檔在視頻類別下的帖子縮圖後添加了<span class=



Related Posts

  • 2024-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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