前言介紹
- 這款 WordPress 外掛「SX Bootstrap Carousel」是 2016-03-01 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2016-03-02,距離現在已有 3357 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 3.3.6 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
sabrex82 |
外掛標籤
image | slider | carousel | bootstrap |
內容簡介
此外掛提供一個自訂文章類型,可挑選圖片與內容,並使用短碼 [sx-carousel] 從 Twitter Bootstrap 產生一個 carousel。
本外掛假設已經使用 Bootstrap,因此需要單獨載入 Bootstrap Javascript 和 CSS。
下載 Twitter Bootstrap
查看 Bootstrap Carousel 的效果
如果您想參與此外掛的貢獻,可以在 GitHub 上找到它。
短碼選項
如果您需要不同的設置來製作不同的 Carousel,可以使用以下短碼選項來覆寫默認值…
interval(預設為 5000)
標題在每張圖片上暫停的時間長度,單位為毫秒。
[sx-carousel interval=”12000″]
showcaption(預設為 true)
是否顯示每張圖片上的文本標題,是為 true,否為 false。
[sx-carousel showcaption=”false”]
showcontrols(預設為 true)
是否顯示控制箭頭,是為 true,否為 false。
[sx-carousel showcontrols=”false”]
orderby 和 order(預設為 menu_order 和 ASC)
如何顯示文章的順序,使用 WP_Query terms。
[sx-carousel orderby=”rand”]
[sx-carousel orderby=”date” orderby=”DESC”]
category(預設為全部)
使用逗號分隔的 Carousel 分類名稱篩選 Carousel。
[sx-carousel category=”homepage,highlights”]
id(預設為全部)
指定要顯示的特定 Carousel 文章的 ID,僅顯示一張圖片。
通過查看編輯文章鏈結獲取圖片的 ID,例如,文章 109 將是 /wp-admin/post.php?post=109&action=edit
[sx-carousel id=”109″]
twbs(預設為 2)
為 Twitter Bootstrap 版本 2 或版本 3 輸出標記。
[sx-carousel twbs=”3″]
貢獻
如果您想為此外掛貢獻力量,請前往 GitHub 存儲庫,對開發版本進行個人分叉(fork)。您可以進行更改,然後提交拉取請求。我很樂意審查代碼,當我們都滿意時,我們將合並代碼。您可以在此處閱讀更多詳細信息。
原文外掛簡介
A custom post type for choosing images and content which outputs a carousel from Twitter Bootstrap using the shortcode [sx-carousel].
The plugin assumes that you’re already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately.
Download Twitter Bootstrap
Bootstrap Carousel in action
If you’d like to contribute to this plugin, you can find it hosted on GitHub.
Shortcode Options
If you’d like different settings for different carousels, you can override these by using shortcode options…
interval (default 5000)
Length of time for the caption to pause on each image. Time in milliseconds.
[sx-carousel interval=”12000″]
showcaption (default true)
Whether to display the text caption on each image or not. true or false.
[sx-carousel showcaption=”false”]
showcontrols (default true)
Whether to display the control arrows or not. true or false.
[sx-carousel showcontrols=”false”]
orderby and order (default menu_order ASC)
What order to display the posts in. Uses WP_Query terms.
[sx-carousel orderby=”rand”]
[sx-carousel orderby=”date” orderby=”DESC”]
category (default all)
Filter carousel items by a comma separated list of carousel category slugs.
[sx-carousel category=”homepage,highlights”]
id (default all)
Specify the ID of a specific carousel post to display only one image.
Find the image ID by looking at the edit post link, eg. post 109 would be /wp-admin/post.php?post=109&action=edit
[sx-carousel id=”109″]
twbs (default 2)
Output markup for Twitter Bootstrap Version 2 or 3.
[sx-carousel twbs=”3″]
Contributing
If you would like to contribute to this plugin, please go to the GitHub repository and make a personal fork of the development version. You can then make your changes and submit a pull request. I will happily review the code and then merge when we’re both happy. You can read more details here.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「SX Bootstrap 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 允許創建各種網站內容。為了讓網站對訪問者更具吸引力並利用網頁佔用空間,建議使用滑動或輪播圖。網絡上有許多免費和付費的幻燈片創建工具,可以...。