[WordPress] 外掛分享： Gallery Slideshow

前言介紹

  • 這款 WordPress 外掛「Gallery Slideshow」是 2013-10-03 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2017-11-10，距離現在已有 2732 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 16 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

jethin |

外掛標籤

gallery | slideshow |

內容簡介

該外掛可以讓作者將 WordPress 相簿轉換成幻燈片。 若要啟用幻燈片模式，請在 WordPress 媒體管理器中編輯相簿時，將「GSS 幻燈片」選項設置為「Yes」。或者，您可以手動將「gss」屬性添加到 WordPress 相簿捷徑中：

```

```

請參閱此處查看示例幻燈片。 此外，該外掛支持六個可選的捷徑屬性：

- size：幻燈片圖像的大小（包含在「相簿設置」中）。
- link：幻燈片圖像的默認連結（包含在「相簿設置」中）。可以通過各個圖像上的「GSS 連結」元數據設置自定義連結。
- options：可以使用此屬性覆蓋默認的幻燈片選項或設置自定義選項。 屬性值使用查詢字串格式，例如：“option1 = value1＆option2 = value2”等等。 選項名稱採用標準 Cycle2 格式，不帶“data-cycle-”前綴。 請參閱 Cycle2 網站了解文件和受支持的選項。
- name：使用此屬性為幻燈片命名唯一的 id（應用於容器 ）。在單個頁面上顯示多個幻燈片時，請為每個幻燈片提供一個唯一的名稱/ ID。
- style：應用於幻燈片容器的內聯 CSS樣式。輸出的字符串以“style =”為前綴，必須包含標准的“property: value;”語法。
- carousel：在此屬性中設置“fx = carousel”值，以在幻燈片中包含輪播導航器（縮略圖）。 請參閱 Cycle2 Carousel 了解文件和支持的選項。 標誌個選項遵循與上面選項屬性相同的字符串格式。

這個外掛還有注意事項，包括幻燈片最佳狀態是圖片大小與幻燈片寬度/容器一致。此外，注意幻燈片寬度應該自動調整為以下的較小者：1）幻燈片中最大圖像的寬度或2）其容器的寬度。 除了上述的選項屬性外，還可以在 Gallery Slideshow 外掛目錄中放置“gss-custom.js”檔，以自定義幻燈片。要使用自定義 js 檔請參考 /assets/ 目錄中的範例。請注意，外掛作者無法回應「支援」論壇中的新文章，他鼓勵使用者互相支援。

原文外掛簡介

This plugin allows authors to turn a WordPress gallery into a slideshow.
To activate slideshow mode set the “GSS Slideshow” option to “Yes” when editing a gallery in the WordPress Media Manager. Alternatively you can manually add the “gss” attribute to a WordPress gallery shortcode:

See here to view an example slideshow.
The plugin supports six optional shortcode attributes:

size: The size of the slideshow images (included in “Gallery Settings”).
link: The default link for slideshow images (included in “Gallery Settings”). Custom links can be set via the “GSS Link” metadata on individual images.
options: This attribute can be used to override default slideshow options or set custom options. Attribute value uses query string format, e.g.: ‘option1=value1&option2=value2’ etc. Option names are in standard Cycle2 format without ‘data-cycle-‘ prefix. See the Cycle2 website for documentation and supported options.
name: Use this attribute to give slideshow(s) unique ids (applied to container

). Give each slideshow a unique name / id when displaying multiple slideshows on a single page.
style: Inline CSS styles applied to the slideshow container. Outputted string is prefaced with “style=” and must contain standard “property:value;” syntax.
carousel: Set ‘fx=carousel’ value in this attribute to include a carousel pager navigation (thumbnails) in a slideshow. See the Cycle2 Carousel for documentation and supported options. Carousel options follow the same string format as the options attribute above.
Support
Plugin author is no longer able to respond to new threads in the “Support” forum. Plugin users are encouraged to provide support to others.
Notes
Slideshows perform best if images are sized to desired slideshow width / container.
Slideshow captions are taken from each image’s “Caption” field. Upload and use unique versions of any images that are reused elsewhere on your site with different captions.
Slideshow widths should automatically adjust to the smaller of: 1) the width of the largest image in the slideshow or 2) the width of its container.
Default Display: Height / width of slideshow image area is set by the first image; images appear at full size or are scaled down to fit container; smaller images are horizontally centered; images are bottom aligned to caption area; some white space may appear at the top of slideshows that contain both horizontally and vertically aligned images.
Default CSS ids begin with “gss_”, classes with “cycle-“. Default slideshow id is “gslideshow”. Default CSS styles were created using the Twenty Thirteen theme — some CSS customization may be necessary for other themes.
In addition to the options attribute mentioned above, slideshows can be customized by placing a “gss-custom.js” file inside the Gallery Slideshow plugin directory. An example “gss-custom.js” can be found in the /assets/ directory.
This plugin uses jQuery Cycle2. Cycle2 may conflict with previous versions of Cycle if used on the same page.
Embed Slideshow (Experimental; requires version 1.3+)
To embed a slideshow on another site:

Move the ’embed.js’ and ’embed.php’ files out of the plugin’s /assets/ directory and into the main /gallery-slideshow/ directory.

While editing a post/page with a slideshow, locate the slideshow’s embed key in the “Custom Fields” meta box . (If the embed key isn’t shown make sure the [gss …] shortcode exists in the visual editor and update the page/post.)

Replace the all caps text below with 1) your site’s URL/domain name and 2) the embed key to produce the embed code:

‘data-target’ attribute (optional): Add this attribute to the embed code to target a specific div by id (use unique ids if multiple slideshows are embedded on a page):

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Gallery Slideshow」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.1 | 1.2 | 1.3 | 1.4 | 1.3.1 | 1.3.2 | 1.4.1 | trunk |

延伸相關外掛（你可能也想知道）

{{{data.formatted.post_title}}}
By {{data.post_author}} 0 ) { #>
{{{key}}},
{{{data.formatted.post_content}}}
Read More...
文章
Filter
Apply Filters
Close
Mastodon