[WordPress] 外掛分享: GM HTML Carousel

首頁外掛目錄 › GM HTML Carousel
WordPress 外掛 GM HTML Carousel 的封面圖片
全新外掛
安裝啟用
尚無評分
3069 天前
最後更新
問題解決
WordPress 3.0.1+ PHP 5.2.4+ v1.0 上架:2017-10-22

內容簡介

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)

外掛標籤

開發者團隊

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

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

原文外掛簡介

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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon