如何在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-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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