WordPress 特色影片 – Featured Video 讓文章顯示影片縮圖與連結

WordPress 特色影片 Featured Video Plus 外掛介紹:

1. Featured Video Plus 外掛安裝與設定

2. 在文章中加入特色影片流程

WordPress 特色影片 是文章呈現樣式的延伸應用,當網站內容以影片呈現能讓瀏覽者更易懂,或者希望在文章列表上直接顯示 Youtube 頻道影片縮圖時,就可以安裝本篇教學介紹的 Featured Video Plus 外掛來將文章特色圖片的位置替換成影片,可以使用媒體庫上傳影片的方式,也可以直接複製 Youtube 影片連結來加入影片,在網路影音當道的現在是非常有用的一項功能,詳細設定方式以下將一一說明。

Featured Video Plus 下載點:https://tw.wordpress.org/plugins/featured-video-plus/

Featured Video Plus 外掛支援論壇:https://wordpress.org/support/plugin/featured-video-plus/

(小提醒:Featured Video Plus  外掛作者已經有一段時間沒有更新,因此並沒有在目前 WordPress 5.0 以上版本環境做測試,建議在安裝啟用外掛前一定要先為網站做備份,以免網站發生錯誤。)

• Featured Video 設定項目說明 

第一步:進入外掛安裝頁直接搜尋外掛名稱,依序點選安裝與啟用。

WordPress 特色影片

第二步:在設定中媒體項目中可以找到 Featured Video 項目,裡面就是外掛的設定,以下說明:

    1. Display mode:決定特色影片顯示方式,包含覆蓋特色圖片、點擊後覆蓋特色圖片等。
    2. Display Conditions:特色影片顯示條件,比如單一網頁或文章上顯示。
    3. Video Sizing:影片尺寸,勾選後將會自適應不同裝置顯示螢幕大小,按比例縮放
    4. Video Align:影片對齊方式,使用置中可以適應大部分的網頁版型。

WordPress 特色影片

第三步:Default Arguments 是設定影片播放動作的細節,像是循環播放、自動播放、延遲載入影片等,如果說是使用 Youtube 外部連結來顯示影片,則要在 Youtube 頁籤中做設定,請注意,並不是每一個網站主題都會套用此處的設定。

WordPress 特色影片

第四步:如果在文章編輯頁面中找不到 Featured Video 的設定區域,請先檢查顯示項目設定中有沒有將 Featured Video 勾選為顯示。

WordPress 特色影片

• 兩種在文章中加入特色影片的方式

第一步:進入編輯文章頁面後,可以在發布欄位上方找到 Featured Video 設定區域。

WordPress 特色影片

第二步:在上一張圖中點擊內側最右邊的檔案圖示,就可以連結到媒體庫中做選擇/上傳影片檔案的動作。

WordPress 特色影片

第三步:如果設定正確,會顯示影片縮圖,點選更新後即完成。

WordPress 特色影片

第四步:如果影片檔案太大,不希望佔用主機空間,也可以將影片上傳到 Youtube ,將影片連結直接貼到如下圖所示欄位,同樣可以顯示影片。

WordPress 特色影片

第五步:設定完特色影片回到前台觀看文章列表,使用者在原本特色圖片的位置就能直接播放文章設定的特色影片,非常方便。

WordPress 特色影片

結語:

Featured Video 兩種設定影片的方式(上傳檔案、外部連結)筆者比較建議使用外部連結的方式,一來可以讓網站與 YT 頻道做有效串聯,雙方互導流量,二來也不會佔用主機太多空間,不過外連的方式也是有缺點,就是對網速較慢的使用者而言不太友善,如何抉擇,端看網站經營方向了。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress外掛 相關教學文章:

Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹

Contact Form 7 加入顯示條件,Conditional Fields 外掛教學說明

WordPress Gutenberg (古騰堡) 5.0 版本全新內建網頁編輯器外掛教學

Timeline Express 時間軸製作 沿革 年表

All in one WP Migration 教學 WordPress搬家 及 網站備份外掛

Contact Form 7 教學 WordPress 表單 – WordPress 架站 必學外掛!

網站架設知識推薦閱讀:

Site Kit WordPress Plugin – Google SEO 整合工具外掛介紹

Google 搜尋 新增簡易指令:before: & after 快速篩選搜尋結果

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top