[WordPress] 外掛分享: GM HTML Carousel

WordPress 外掛 GM HTML Carousel 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「GM HTML Carousel」是 2017-10-22 上架。
  • 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
  • 上一次更新是 2017-10-23,距離現在已有 2750 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.2.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

gabrielmioni |

外掛標籤

html | slider | carousel | javascript | testimonials |

內容簡介

GM HTML Carousel 可以直接在你的 WordPress 頁面上創建一個文字或 HTML 跑馬燈,具有無限滾動功能。不需要在管理設置中亂搞,也不需要將內容輸入到數據庫中。

跑馬燈是使用簡單的短代碼實現的。

特點

非常簡單。
無限跑馬燈循環。
跑馬燈項目可導航。桌面使用點擊導航。手機使用左右滑動導航。
簡單的短代碼屬性可讓你修改跑馬燈的高度、寬度和循環下一個跑馬燈項目之間的延遲時間。

使用跑馬燈短代碼

通過使用 [gm_carousel][/gm_carousel] 短代碼顯示跑馬燈。

你可以在該短代碼中添加任意多個“跑馬燈項目”。這些只是用 [gm_carousel_item]...[/gm_carousel_item] 短代碼包裹的文本或 HTML 塊。

你可以包含圖像、文本樣式和鏈接。幾乎可以放置在 WordPress 頁面上的任何內容。

[gm_carousel] 短代碼接受 3 個屬性:
1. height:設置跑馬燈的像素高度。
2. width:設置跑馬燈的像素寬度。
3. delay:設置跑馬燈在顯示下一個跑馬燈項目之前等待的時間,單位為秒。

以下是完整例子:

[gm_carousel height=175 width=600 delay=6]
[gm_carousel_item]嗨,我是第一個跑馬燈項目。

[gm_carousel_item]這是第二個跑馬燈項目。

[gm_carousel_item]好吧,三個裡面有兩個也不錯。

[/gm_carousel]

因此,這個跑馬燈將是 175 像素高,600 像素寬,每個跑馬燈項目在顯示下一個跑馬燈項目之前顯示 6 秒。第一個跑馬燈項目有一個包含單詞“carousel”的標記,將以粗體字顯示。

歸屬

跑馬燈由 faisalovers 從 Noun Project 中創建
橫幅藝術來自 Reginald Marsh 的 《木製馬》(1936)

原文外掛簡介

GM HTML Carousel creates a text or HTML carousel with infinite scrolling directly from your WordPress page. No messing with admin settings or entering content into a databse.
The carousel is implemented using simple shortcodes.
Features

Super simple.
Infinite carousel loop.
Carousel items are navigable. Desktop uses click navigation. Mobile uses left/right swipe navigation.
Simple shortcode attributes allow you to modify height, width and the delay between cycling the next carousel item.

Using the carousel shortcodes
The carousel is displayed by using the [gm_carousel][/gm_carousel] shortcode.
You can add as many ‘carousel items’ within that shortcode as you like. These are just text or HTML blocks wrapped with
[gm_carousel_item][/gm_carousel_item] shortcode.
You can include images, text styling and links. Pretty much anything you can put on a WordPress page.
The [gm_carousel] shortcode accepts 3 attributes:
1. height: Sets the height in pixels for the carousel.
2. width: Sets the width in pixels for the carousel.
3. delay: Sets the time in seconds that the carousel will wait before displaying rotating in the next carousel item.
Here’s a complete example:
[gm_carousel height=175 width=600 delay=6]
[gm_carousel_item]Hi, I’m the first carousel item.[/gm_carousel_item]
[gm_carousel_item]And this is the second carousel item.[/gm_carousel_item]
[gm_carousel_item]Well, two out of three ain’t bad.[/gm_carousel_item]
[/gm_carousel]
So this carousel will be 175px tall, 600px wide and each carousel item will be displayed for 6 seconds before the next carousel item is displayed. The first carousel item has the word ‘carousel’ wrapped in a tag and will show up bold.
Attributions

Carousel by faisalovers from the Noun Project
Banner art from Wooden horses (1936) by Reginald Marsh

各版本下載點

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

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


最新版本

延伸相關外掛(你可能也想知道)

  • WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集,您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate,您可以輕鬆地建...。
  • Slide Anything – Responsive Content / HTML Slider and Carousel 》Slide Anything 允許您創建一個輪播/滑動功能,每個滑動層的內容可以是任何您想要的東西 - 圖像,文字,HTML甚至是短代碼。此外,這個外掛使用 Owl Carousel ...。
  • Carousel, Slider, Gallery by WP Carousel – Image Carousel with Lightbox & Photo Gallery, Video Slider, Post Carousel & Post Grid, Product Carousel & Product Grid 》, 實時演示 | 影片教程 | 使用說明 | 升級至專業版 », 概觀, WP Carousel 是最強大且使用者友好的 WordPress 公告欄外掛,可建立帶圖片、文章、WooComm...。
  • Slider by Soliloquy – Responsive Image Slider for WordPress 》響應式 WordPress Slider 外掛, 我們相信你不需要請專業開發人員就能創建一個 WordPress slider。這就是為什麼我們開發了 Soliloquy,一個拖放式 slider 外掛...。
  • Carousel Slider 》, 概述, 創建符合 SEO 標準的圖像、標誌、視頻、文章、WooCommerce 產品輪播和滑塊。, Carousel Slider 是一個支援觸控的 WordPress 外掛,可以讓您創建高度...。
  • Carousel Slider Block for Gutenberg 》這款外掛是一個響應式輪播編輯器,適用於 Gutenberg 編輯器。, 功能, , 可以添加無限多個輪播, 每個輪播都可以添加任意區塊, 在編輯器中可以即時預覽輪播效果...。
  • YITH WooCommerce Product Gallery & Image Zoom 》提升您的產品圖片,出色的產品頁面的關鍵特色, 當我們在網上商店購物時,我們與產品的接觸是有限的:我們無法觸摸、聞或嘗試它。我們排除了產品體驗中的某些...。
  • Easing Slider 》在 WordPress 上建立滑輪廣告一直都是十分困難的。雖然有許多相似的外掛提供解決方案,但都沒有完全符合要求。Easing Slider 希望解決這個問題。這個外掛專注...。
  • Tiled Gallery Carousel Without JetPack 》正在開發具備 Gutenberg 版本的平鋪式圖庫外掛,我們將很快發布。在此之前,您可以在 Classi WP 編輯器中使用此平鋪式圖庫外掛。, 毫無疑問,JetPack 充滿了...。
  • Testimonial Carousel For Elementor 》專為 Elementor 打造的精簡型 Testimonial Carousel 讓您可以在彈出式或輪播幻燈片中顯示長文評論。現在,您可以使用此外掛輕鬆地將長評論以彈出式呈現給使用...。
  • Catch Gallery 》Catch Gallery是一款簡單易用的WordPress外掛,可幫助您建立令人驚豔的相冊展示。該插件的靈感來自於Jetpack的相冊模組,使用Catch Gallery,您可以在創意的W...。
  • XO Slider 》XO Slider 是一款外掛,可讓您輕鬆建立滑動輪播。, 特點, , 支援縮圖導航、輪播和內容顯示。, 使用 Swiper 作為滑動輪播腳本。, 前端不使用 jQuery。, 支援影...。
  • Logo Slider and Showcase 》外掛展示 使用說明, Logo Slider and Showcase 是一個完全響應式的外掛,可用不同的方式顯示你的標誌、客戶和合作夥伴,例如網格、滑块和按類別的 Isotope 篩...。
  • CPT Bootstrap Carousel 》這款外掛提供自定義文章類型選擇圖像和內容,並使用短代碼 [image-carousel] 從 Twitter Bootstrap 輸出 輪播。, 插件假設您已經在使用 Bootstrap,因此需要...。
  • Smooth Slider 》WordPress 允許創建各種網站內容。為了讓網站對訪問者更具吸引力並利用網頁佔用空間,建議使用滑動或輪播圖。網絡上有許多免費和付費的幻燈片創建工具,可以...。

文章
Filter
Apply Filters
Mastodon