[WordPress] 外掛分享: Agnosia Bootstrap Carousel by AuSoft

WordPress 外掛 Agnosia Bootstrap Carousel by AuSoft 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Agnosia Bootstrap Carousel by AuSoft」是 2013-05-24 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2014-12-07,距離現在已有 3804 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 8 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

andrezrv |

外掛標籤

images | slider | carousel | bootstrap | responsive |

內容簡介

Agnosia Bootstrap Carousel外掛將用帶有屬性type="carousel"的短碼來顯示基於所選圖片及其標題和描述的Bootstrap Carousel。
這個外掛假設你的佈景主題包含必要的Bootstrap javascript和CSS文件以正確顯示旋轉木馬,或者你已經自己包含了這些文件。如果它們不存在,該旋轉木馬將無法正常工作,並且你只能獲得它的基本HTML。
基本範例:

必填屬性:

type:它必須是type="carousel"。
ids:你必須提供對應附件的ID列表,如ids="1,2,3"。

否則,將處理默認的短碼函數而不是此外掛的函數。
可選屬性:

name:任何名稱。 字符串將被清理,以便用作HTML ID。當您想在同一頁面上有多個旋轉木馬時建議使用。默認值:agnosia-bootstrap-carousel。示例:


indicators:指標位置。 可接受的值:before-inner,after-inner,after-control,false(隱藏指標)。 預設值:before-inner。 示例:
width:旋轉木馬容器寬度,以px或%為單位。 預設值:未設置。 示例:
height:旋轉木馬項目高度,以px或%為單位。 預設值:未設置。 示例:
titletag:為圖像標題定義HTML標籤。 預設值:h4。 示例:
wpautop:自動格式文本。 預設值:true。 示例:
title:顯示或隱藏圖像標題。將其設為false即可隱藏。 預設值:true。 示例:
text:顯示或隱藏圖像文本。將其設為false即可隱藏。 預設值:true。 示例:
containerclass:旋轉木馬容器的額外類別。 預設值:未設置。 示例:
itemclass:旋轉木馬項目的額外類別。 預設值:未設置。 示例:
captionclass:項目標題的額外類別。 預設值:未設置。 示例:
control:控制箭頭顯示。可接受的值:true(顯示),false(隱藏)。 預設值:true。 示例:
interval:在自動循環項目之間延遲的時間量。如果為false,則旋轉木馬將不會自動循環。 預設值:5000。 示例:
pause:在mouseenter時暫停旋轉木馬的循環,並在mouseleave時恢復旋轉木馬的循環。 預設值:“hover”。 示例:

原文外掛簡介

Agnosia Bootstrap Carousel hooks the shortcode with attribute type="carousel" in order to show a Bootstrap Carousel based on the selected images and their titles and descriptions.
This plugin assumes either your theme includes the necessary Bootstrap javascript and CSS files to display the carousel properly, or that you have included those files on your own. It will not include the files for you, so if they are not present, the carousel will not work and you will only obtain its bare HTML.
Basic example:

Required attributes:

type: it needs to be type="carousel".
ids: you must provide a list of ids corresponding to attachments, like ids="1,2,3".

Otherwise, the default shortcode function will be processed instead of this plugin’s one.
Optional attributes:

name: any name. String will be sanitize to be used as an HTML ID. Recommended when you want to have more than one carousel in the same page. Default: agnosia-bootstrap-carousel. Example:


indicators: indicators position. Accepted values: before-inner, after-inner, after-control, false (hides indicators). Default: before-inner. Example:
width: carousel container width, in px or %. Default: not set. Example:
height: carousel item height, in px or %. Default: not set. Example:
titletag: define HTML tag for image title. Default: h4. Example:
wpautop: auto-format text. Default: true. Example:
title: show or hide image title. Set false to hide. Default: true. Example:
text: show or hide image text. Set false to hide. Default: true. Example:
containerclass: extra class for carousel container. Default: not set. Example:
itemclass: extra class for carousel item. Default: not set. Example:
captionclass: extra class for item caption. Default: not set. Example:
control: control arrows display. Accepted values: true (to show), false (to hide). Default: true. Example:
interval: the amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. Default: 5000. Example:
pause: pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. Default: “hover”. Example:
size: size for image attachment. Accepted values: thumbnail, medium, large, full. Default: full. See wp_get_attachment_image_src() for further reference. Example:

Native supported attributes:

orderby: Alternative order for your images. Example:


link: where your image titles will link to. Accepted values: file, none and empty. An empty value will link to your attachment’s page. Example:

Extending
This plugin offers hooks for actions and filters, so you can modify its functionality or add your own.
Action hooks:

agnosia_bootstrap_carousel_before_init: Do something before the carousel is loaded.
agnosia_bootstrap_carousel_init: Do something after the carousel is loaded.

Filter hooks:

agnosia_bootstrap_carousel_attributes: Modify the attributes passed to the shortcode.
agnosia_bootstrap_carousel_posts: Modify the $post objects that the shortcode is using.
agnosia_bootstrap_carousel_container_style: Modify the carousel container style.
agnosia_bootstrap_carousel_item_style: Modify the style of the carousel items.
agnosia_bootstrap_carousel_output: Modify the full HTML output of the carousel.
agnosia_bootstrap_carousel_container: Modify the HTML output of the carousel container tag.
agnosia_bootstrap_carousel_inner: Modify the HTML output of the carousel inner tag.
agnosia_bootstrap_carousel_caption_container: Modify the HTML output of the caption container tag.
agnosia_bootstrap_carousel_img_container: Modify the HTML output of the image container tag.
agnosia_bootstrap_carousel_img: Modify the HTML output of the item image tag.
agnosia_bootstrap_carousel_excerpt: Modify the HTML output of the image caption.
agnosia_bootstrap_carousel_indicators: Modify the HTML output of the indicators element.
agnosia_bootstrap_carousel_control: Modify the HTML output of the control element.
agnosia_bootstrap_carousel_javascript: Modify the output of the carousel Javascript.
agnosia_bootstrap_carousel_make_array: Modify the list of $post IDs that the carousel is using.

Contributing
You can make suggestions and submit your own modifications to this plugin on Github.
For more information, visit our website.

各版本下載點

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

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


0.1 | 0.2 | 0.3 | 1.0 | 1.1 | 0.3.1 | trunk |

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

  • Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式,擁有超過150個可自訂選項,讓您擁有22,500種組合選擇!您不需要編寫代碼或知識,只需使用簡單易用的介...。
  • WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎?需要一個能讓您的手機訪客參與的手機菜單外掛嗎?, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備(智能...。
  • WPtouch – Make your WordPress Website Mobile-Friendly 》WPtouch是一個 WordPress 插件,為您的 WordPress 網站自動添加一個簡單而優雅的行動版主題,以迎接行動訪客。建議您使用 Google 推薦的 WPtouch,它可以立即...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉,由於 SiteOrigin 的 widgets API 完全更改,CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案:您仍然可以在純文字編輯器中創...。
  • WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛,可以讓您在WordPress網站上快速添加高度可定制的響應式菜單,在設置頁面上直接進行自定義,無需任何編碼技能。, 查看實...。
  • Font Awesome 4 Menus 》此 WordPress 外掛能夠在不需編寫任何程式碼的情況下,將 Font Awesome 4 圖示添加到您的 WordPress 選單和網站上!您只需將 fa-(圖示名稱)添加為選單的 cl...。
  • Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊,讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊,加入他們的照片、職位、個人簡介...。
  • Portfolio Gallery – Image Gallery Plugin 》外掛名稱:Portfolio Filter Gallery WordPress Plugin, , 外掛描述:, , 這是一個非常簡易的方法,可以為 WordPress 網站創建美麗和響應式的作品集。Portfol...。
  • Genesis Responsive Slider 》此外掛可讓您建立簡單的響應式幻燈片,顯示每篇文章的特色圖像、標題和摘要。, 它包含您的投影片的最大尺寸選項,可讓您選擇顯示文章或頁面,可以從哪個類別...。
  • BlossomThemes Social Feed 》BlossomThemes Social Feed 外掛讓您可以在您的網站上顯示 Instagram 個人資料。該外掛與 BlossomThemes 的佈景主題搭配使用效果最佳。, 您可以最多顯示 25 ...。
  • Microthemer Lite – Visual Editor to Customize CSS 》Microthemer是一個輕量級且功能強大的視覺編輯器,可以自訂網站的CSS樣式,從Google字體到響應式佈局,它適用於程式開發人員和非程式開發人員,並與Elementor...。
  • Accordion Blocks 》Accordion Blocks 是一個簡單的外掛程式,可為您的頁面新增如手風琴般的下拉式選單的 Gutenberg 區塊。, 手風琴選單可以與您的佈景主題無縫結合。不過,您可...。
  • Timeline Express 》Timeline Express 是最佳的 WordPress 時間軸外掛程式,可讓您在網站上建立美麗的動畫垂直時間軸。填入公告,設定日期,Timeline Express 會按照正確的時間順...。
  • Tabby Responsive Tabs 》, 增加一組水平標籤,在較窄的視窗時會變成手風琴, 使用 jQuery 建立標籤和手風琴, 支援同一頁面多組標籤, 使用語意化的標題和內容標記, Aria 屬性和角色有助...。
  • ShiftNav – Responsive Mobile Menu 》ShiftNav 是 WordPress 的一個很棒的行動裝置選單外掛程式。它的外觀和操作方式與像 Facebook、Gmail 等受歡迎的應用程式的本機 App 側邊拉出式選單非常相似...。

文章
Filter
Apply Filters
Mastodon