[WordPress] 外掛分享: EW Gallery Plugin

首頁外掛目錄 › EW Gallery Plugin
WordPress 外掛 EW Gallery Plugin 的封面圖片
10+
安裝啟用
☆☆☆☆
1/5 分(1 則評價)
4086 天前
最後更新
問題解決
WordPress 4.0.0+ v1.0 Beta 上架:2015-01-08

內容簡介

東西(EW)圖庫插件讓您可以將 WordPress 網站上的照片和 YouTube 影片整理成資料夾,並將每個資料夾顯示在自己的 Jssor 滑動輪播上。自訂設定允許您調整字體、邊框、顏色、背景和照片大小以配合網站主題。還有一個選項可以在幻燈片頁面上僅顯示單個資料夾的內容(不帶索引連結)。

EW 圖庫設定

以下是各個 EW 圖庫設定的詳細說明:

圖庫索引設定

索引邊距-資料夾索引周圍的邊距。此欄位接受標準的 CSS 邊距值,例如 "10px"、"10px 5px"、"10px 5px 0px 5px"、"auto" 等。
索引填充-資料夾索引周圍的填充。
索引對齊-此設定確定索引在頁面上的對齊方式。

圖庫縮略圖設定

縮略圖寬度-這是索引縮略圖的總寬度,包括邊框。例如,如果您希望圖像寬度為 150px,邊框為 3px,則將寬度設置為 156px(3px + 150px + 3px)。
縮略圖邊距-這是每個索引縮略圖周圍的邊距。
縮略圖填充-此設定適用於每個索引縮略圖周圍的填充。
縮略圖對齊-此設定將確定縮略圖是靠左、靠中還是靠右對齊頁面。
縮略圖邊框樣式-每個縮略圖周圍的邊框可以是實線、虛線或無邊框。
縮略圖邊框寬度-每個縮略圖周圍的邊框寬度。
縮略圖邊框顏色-縮略圖邊框顏色。
縮略圖邊框半徑-對於圓角,請使用此設定。對於方形縮略圖,設置為 0 像素。

滑動輪播設定

滑動輪播包裹器寬度-此設定適用於滑動輪播使用的容器的最大寬度,並設置滑動輪播和邊框的最大寬度。在大多數情況下,最好將其設置為頁面容器寬度的百分比,例如 80% 或 100%,以便滑動輪播可以在不同頁面分辨率下調整大小。
滑動輪播包裹器高度-設置適用於滑動輪播和縮略圖使用的容器的最大高度(在邊框內)。內部元素將調整以適應此高度,並應根據最高支持的分辨率設置。
滑動輪播寬度-此設定適用於滑動輪播和縮略圖的最大內部寬度。這應該根據最高支持的分辨率的最大寬度設置,例如 800px。
滑動輪播圖像高度-此設定適用於滑動輪播圖像的高度。這應該設置為包裹器高度減去邊框和縮略圖高度。
滑動輪播邊距-此設定適用於滑動輪播周圍的邊距,通常應設置為自動。
滑動輪播填充-此設定將在滑動輪播內部創建填充,通常應設置為 0px。
滑動輪播邊框樣式-選擇實線或虛線邊框,或無邊框。
滑動輪播邊框寬度-選擇像素的邊框寬度。
滑動輪播邊框顏色-選擇滑動輪播周圍的邊框顏色。
滑動輪播邊框半徑-使用此設定來設置圓角。
滑動輪播背景色-這是滑動輪播照片和縮略圖背後的背景顏色。
滑動輪播背景透明-勾選此框可覆蓋背景顏色並使用透明背景。

幻燈片設定

自動播放幻燈片-選擇此設定可使幻燈片自動啟動。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0 Beta) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「EW Gallery Plugin」→ 直接安裝(推薦)

原文外掛簡介

The East West (EW) Gallery Plugin allows you to organize photos and YouTube videos on your WordPress website into folders and display each folder in its own Jssor slider. Customization settings allow you to tailor the fonts, borders, colors, backgrounds and photo sizes to match your website theme. There is also an option to display only the content from a single folder in a slideshow page (without the index links).
EW Gallery Settings
Following are detailed descriptions of each of the EW Gallery Settings:
Gallery Index Settings
Index Margin – The margin around the folder index. This field accepts standard CSS margin values, i.e. “10px”, “10px 5px”, “10px 5px 0px 5px”, “auto”, etc.
Index Padding – The padding around the folder index.
Index Alignment – This setting determines how the index is aligned on the page.
Gallery Thumbnail Settings
Thumbnail Width – This is total width of the Index Thumbnails, including the border. So for example, if you want the image to be 150px wide with a 3px border, set the width at 156px (3px + 150px + 3px).
Thumbnail Margin – This is the margin around each Index Thumbnail.
Thumbnail Padding – This setting applies to the padding around each Index Thumbnail.
Thumbnail Alignment – This setting will determine whether the thumbnails are aligned to the left, center, or right side of the page.
Thumbnail Border Style – The border around each thumbnail can be solid, dotted, or no border.
Thumbnail Border Width – The width of the border around each thumbnail.
Thumbnail Border Color – The thumbnail border color.
Thumbnail Border Radius – For rounded corners, use this setting. For square thumbnails, set to 0px.
Slider Settings
Slider Wrapper Width – This setting applies to the maximum width of the container used for the slider and sets the maximum width of the slider and border. In most cases it is best to set this as a percentage of the page container width, i.e. 80% or 100%, so that the slider will resize properly for different page resolutions.
Slider Wrapper Height – The settings applies to the maximum height of the container used for both the slider and thumbnails (inside the border). The elements inside will adjust to fit inside this height and should be set appropriately for the highest supported resolution,
Slider Width – The setting applies to the maximum internal width of the slider and thumbnails. This should be set for the largest width at the highest supported resolution, such as 800px.
Slider Image Height – This setting applies to the height of the slider image. This should be set to the Wrapper Height, minus the border and thumbnail heights.
Slider Margin – This setting applies to the margin around the slider and should usually be set to auto.
Slider Padding – This setting will create padding around the inside of the slider and is usually set to 0px.
Slider Border Style – Select a solid or dotted border, or no border.
Slider Border Width – Select the border width in pixels.
Slider Border Color – Select the color of the border around the slider.
Slider Border Radius – Use this setting for rounded corners.
Slider Background Color – This is the background color behind the slider photos and thumbnails.
Slider Background Transparent – Check this box to override the background color and use a transparent background.
Slideshow Settings
Autoplay Slides – Select this setting to cause the slideshow to start automatically.
Slide Duration – This is the length of time in milliseconds that each slide will display before scrolling.
Autoplay Delay – This is the length of time to wait before the slideshow starts if autoplay is selected.
Index Link Settings
Index Link Color – This is the font color of the index (folder) entries.
Index Link Hover Color – This is the color that will be used to highlight index entries when the user hovers their cursor over them. It is also used as the separator color between index entries.
Index Font Settings
Index Font Size – This is the font size for standard resolution displays.
Index Font Size (Mobile Layout) – This is the font size used for mobile displays.
Index Font Family – This is the font family used for the index (folder) links.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon