前言介紹
- 這款 WordPress 外掛「Easy YouTube Gallery」是 2015-05-26 上架。
- 目前有 600 個安裝啟用數。
- 上一次更新是 2025-01-17,距離現在已有 107 天。
- 外掛最低要求 WordPress 3.9.0 以上版本才可以安裝。
- 有 9 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
video | gallery | youtube | lightbox | thumbnail |
內容簡介
使用此外掛程式,當您希望快速插入由所選定的 YouTube 影片所組成的相片庫網格時,便能使用它。
想要自動匯集從 YouTube 頻道、喜愛的內容、已按讚內容或播放清單中最新或隨機的影片,請看YouTube Channel。
功能
提供作為捷徑屬性的自訂 ID 設定(可設定單個或多個以逗號隔開)
為定向樣式提供自訂的附加類別(如果您需要在主題中混合相片庫)
分配縮略圖的自訂欄位數(至少 1 欄位,最多 8 欄位)
將影片標題設定為簡碼內容(以新行或垂直線分隔)
響應式縮略圖
使用Magnific PopUp燈箱的自動播放
清晰標記了類別
類別
主要容器:
.easy_youtube_gallery
.col-# 欄位數(預設為 1,支援至 8)
.ar-16_9 16:9,.ar-4_3 4:3 或 .ar-square 1:1 的外觀比例
由簡碼屬性 class 提供的自訂類別
錨點:
.eytg-item
.eytg-item-# 順序編號的項目
.eytg-item-first 相片庫區塊的第一個項目
.eytg-item-mid 相片庫區塊中間的項目
.eytg-item-last 相片庫區塊的最後一個項目
標題:(新功能 1.0.4)
.eytg-title 自訂影片標題
.top 在縮略圖上方定位自訂影片標題
.bottom 在縮略圖下方定位自訂影片標題
縮略圖:
.eytg-thumbnail 是設定影片縮略圖為背景圖片的 span 的類別
播放圖示
.eytg-thumbnail:before 是播放圖示的 pseudo-class
如何使用?
完整的簡碼
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM,JvMXVHVr72A,AIXUgtNC4Kc,K8nrF5aXPlQ,cegdR0GiJl4,L-wpS49KN00,KbW9JqM7vho ar=16_9 cols=3 thumbnail=hqdefault controls=0 playsinline=1 privacy=1 title=top wall=1 class=mySuperClass]
Title One
Second Title
Video 3
Fourth Video
YouTube 5
Sixth YouTube
Player #8
9th item
[/easy_youtube_gallery]
基本的簡碼
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM cols=3]
請注意!如果您從上述代碼中複製並貼上,則在將內容貼到頁面、文章或文本小工具內容之前,必須通過 Notepad 或其他純文本編輯器進行所有格式的清除並進行貼貼和複製!
簡碼參數
id(必填):單個 YouTube 影片 ID 或以逗號分隔的多個 ID
ar(可選):縮略圖的外觀比例;預設為 ar-16_9 為 16:9,但也支援 ar-4_3 為 4:3 和 ar-square 為 1:1
cols(可選):為縮略圖分配的欄位數;預設為1,支援至 8
thumbnail(可選):取自 YouTube 的縮略圖大小;預設為 hqdefault ,但我們可以使用:
0 具有最低分辨率
1 尺寸為 120x90
2 尺寸為 320x180
3 尺寸為 480x360
mqdefault 尺寸為 320x180
hqdefault 尺寸為 480x360
sddefault 尺寸為 640x480
maxresdefault 具有最大分辨率
controls(可選):在嵌入的播放器中啟用(1)或停用(0)YouTube 控制列;預設為 1
playsinline(可選):啟用(1)或停用(0)Vimeo 在 iOS 上自動全屏播放的行為;預設為 0
privacy(可選):啟用(1)或停用(0)YouTube 廣告隱私模式;預設為 0
title(可選):定義自訂標題的位置;可選項目為 top 和 bottom;預設為 top
wall(可選):定義相片牆的顯示方式以呈現覆蓋效果;預設為 0、停用狀態
原文外掛簡介
Use this plugin when you wish to quick insert gallery grid composed from custom selected YouTube videos.
For automated latest or random videos collected from YouTube channel, favourites, liked videos or playlist check out My YouTube Channel
Features
Custom set of ID’s provided as shortcode attribute id (single of multiple ID’s separated by comma)
Custom additional class for targeted styling (if you need to blend gallery in your theme)
Custom number of columns to distribute thumbnails to (min 1, max 8)
Custom set video titles as shortcode content (separate by newline or pipe)
Responsive thumbnails
Autoplay with Magnific PopUp lightbox
Well marked with classes
Classes
Main container:
.easy_youtube_gallery
.col-# for number of columns (default is 1, supported up to 8)
.ar-16_9 for 16:9, .ar-4_3 for 4:3 or .ar-square for 1:1 aspect ratio
custom class provided by shortcode attribute class
Anchor:
.eytg-item
.eytg-item-# for order number of item
.eytg-item-first for first item in gallery block
.eytg-item-mid for middle items in gallery block
.eytg-item-last for last item in gallery block
Title: (new in 1.0.4)
.eytg-title for custom video title
.top positioning custom video title on top of thumbnail
.bottom positioning custom video title on bottom of thumbnail
Thumbnail:
.eytg-thumbnail is class for span where we set video thumbnail as background image
Play icon
.eytg-thumbnail:before is pseudoclass for play icon
How To Use?
Full shortcode
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM,JvMXVHVr72A,AIXUgtNC4Kc,K8nrF5aXPlQ,cegdR0GiJl4,L-wpS49KN00,KbW9JqM7vho ar=16_9 cols=3 thumbnail=hqdefault controls=0 playsinline=1 privacy=1 title=top wall=1 class=mySuperClass]
Title One
Second Title
Video 3
Fourth Video
YouTube 5
Sixth YouTube
Video No. 7
Player #8
9th item
[/easy_youtube_gallery]
Basic shortcode
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM cols=3]
Please note! If you doing copy&paste from code above, before you paste content to page, post or text widget content, clear all formatting by paste© to/from Notepad or other plain text editor!
Shortcode parameters
id (required) single YouTube video ID or multiple ID’s separated with comma
ar (optional) aspect ratio of thumbnails; default is ar-16_9 for 16:9, but also supported ar-4_3 for 4:3 and ar-square for 1:1
cols (optional) for number of columns to distribute thumbnails in; devault is 1, supported up to 8
thumbnail (optional) for YouTube size of thumbnail; default is hqdefault but we can use:
0 have resolution 480x360px
1, 2 and 3 have resolution 120x90px (first, second or third frame)
default have resolution 120x90px (Default Quality)
mqdefault have resolution 320x180px (Medium Quality)
hqdefault have resolution 480x360px (High Quality)
sddefault have resolution 640x480px (Standard Definition) and does not exists for lowres videos
maxresdefault have resolution 1920x1080px (Full HD) and does not exists for lowres videos
controls (optional) to optionally hide playback controls in lightbox player (default is 1 that means “display controls”, but you can set it to 0 to hide controls)
privacy (optional) enables enhanced privacy which means that YouTube won’t store information about visitors on your web page unless they play the video. (0 or 1)
playsinline controls whether videos play inline or fullscreen in an HTML5 player on iOS. Learn more on Google Developers (0 or 1)
class (optional) to add custom style class if you wish to target specific styling for your own needs
wall (optional) render video wall with player at top and thumbnails below (0 or 1)
title (optional) set custom video titles position (top or bottom)
TODO
Replace MagnificPopUp with newer library
VisualComposer block
Inline player instead of opening in lightbox
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Easy YouTube Gallery」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | trunk |
延伸相關外掛(你可能也想知道)
Regenerate Thumbnails 》重新生成縮略圖插件可以讓您為已上傳到媒體庫的一個或多個圖像重新生成所有縮略圖大小。, 這對以下情況很有用:, , 您新增了新的縮略圖大小,並且您希望過去...。
Force Regenerate Thumbnails 》『Force Regenerate Thumbnails』可以讓您刪除所有舊圖像大小,並確實重新生成上傳圖像的縮略圖。, 在「工具」管理員選單中從頭開始生成所有縮略圖,或透過媒...。
Perfect Images 》使用 Perfect Images,輕鬆掌握您的圖像!這個強大的外掛可助您進行圖像優化和管理,輕鬆替換或批量重新生成現有圖像,設置自定義尺寸,提高性能,並為高質量...。
AJAX Thumbnail Rebuild 》AJAX Thumbnail Rebuild 可讓您重新建立網站上的所有縮圖。儘管已經有一些插件可供使用,但它們有一個共同點:所有縮圖都會在單一步驟中重新建立。如果您的網...。
XO Featured Image Tools 》此外掛可以自動從文章中的圖片產生特色圖片。, 功能, , 一次性產生所有文章的特色圖片。, 在儲存文章時自動產生特色圖片。, 批次刪除文章的特色圖片。, 於文...。
Conditionally display featured image on singular posts and pages 》注意事項, 如果你的佈景主題使用自訂調用來載入特色圖片(如 Twenty Seventeen 主題),則本外掛可能無法運作!請使用 get_the_post_thumbnail()、wp_get_att...。
Featured Image Admin Thumb 》啟用此外掛後,它會在「所有文章/所有頁面」及支援的所有自訂文章類型管理介面中新增一欄,名為「Thumb」。這一欄會顯示文章特色圖片或者是文章縮圖的縮略圖...。
Videopack 》一個外掛,用於製作視頻播放器、縮略圖、多個分辨率和視頻庫。, 這個視頻外掛可以將各種選項添加到上傳到 WordPress 媒體庫的任何視頻。如果您的瀏覽器原生支...。
PDF Image Generator 》這個外掛可以透過上傳 PDF 附件,將封面轉換為 JPEG,並作為文章縮略圖檔案附加。它還允許顯示縮略圖標誌和插入 PDF 鏈接與封面圖像到編輯器。, , 僅支援 Wor...。
Manual Image Crop 》此外掛允許您手動裁剪 WordPress 佈景主題中註冊的所有圖片尺寸(特別是特色圖片)。, 只需點擊您媒體庫中任何圖片旁邊的“裁剪”連結。, 將顯示...。
Kama Thumbnail 》這個外掛可以方便地在不增加負擔的情況下即時建立文章縮圖,是 "thumbnail.php" 腳本的最佳替代品。, 支援多站點。, 使用方法, 這是針對開發人員的外掛,安裝...。
Get the Image 》「Get the Image」是 WordPress 中最先進的縮略圖 / 圖片外掛之一。, 從小型博客到大型企業級解決方案 (如WordPress.com VIP),此插件適合所有人使用。它之所...。
Easy Add Thumbnail 》註: 此外掛功能由超過 10,000 個活躍的安裝保證。但在安裝此外掛之前請注意,它的唯一目的是將功能影像識別碼 (使用 WP 編輯器相同的方式) 添加到您的文章中...。
Document Gallery 》這個外掛可讓使用者毫不費力地建立文件和其他附加媒體的圖庫,就像現有的圖像附件圖庫選項一樣。, 觀看以下視頻以瞭解 Document Gallery 如何運作:, , 在設...。
Advanced Random Posts Widget 》注意事項, 此外掛已不再支援,請使用 Recent posts widget Extended 取代。, 此外掛提供更彈性和進階的隨機文章列表功能。您可以透過縮略圖、摘要和文章日期...。