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

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WordPress 特色影片 是文章呈現樣式的延伸應用,當網站內容以影片呈現能讓瀏覽者更易懂,或者希望在文章列表上直接顯示 Youtube 頻道影片縮圖時,就可以安裝本篇教學介紹的 Featured Video Plus 外掛來將文章特色圖片的位置替換成影片,可以使用媒體庫上傳影片的方式,也可以直接複製 Youtube 影片連結來加入影片,在網路影音當道的現在是非常有用的一項功能,詳細設定方式以下將一一說明。接下來跟著鵠學苑的腳步,讓我們開始學習吧!
(小提醒:Featured Video Plus  外掛作者已經有一段時間沒有更新,因此並沒有在目前 WordPress 5.0 以上版本環境做測試,建議在安裝啟用外掛前一定要先為網站做備份,以免網站發生錯誤。)

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

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相關文章:

網站資訊文章推薦

內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

返回頂端