[WordPress] 外掛分享: Slidy

首頁外掛目錄 › Slidy
WordPress 外掛 Slidy 的封面圖片
10+
安裝啟用
尚無評分
4065 天前
最後更新
問題解決
WordPress 3.3+ v0.0.3 上架:2014-09-13

內容簡介

Slidy 是一個使用Ken Wheeler 的 slick carousel而製作出的回應式 jQuery 輪播套件,完全整合到 WordPress 中,您可以透過儀表板添加和管理投影片。您只需要在每個文章中將您想要在 Slidy 中看到的圖像設置為特色圖像。投影片可以被歸類,以便您可以在您的網站上擁有不同的輪播套件。使用 slick carousel 帶來的功能,可以以不同的方式創建輪播套件,例如擁有多個項目,與廣泛的設置範圍,您可以以各種方式自定義您的輪播套件,例如無限迴圈、鼠標拖動、滑動、箭頭鍵導航等。您也可以通過添加/編輯投影片介面向各個投影片添加鏈接。投影片同時也是文章,所以您可以使用它們作為內容,但您可能需要編輯您的佈景主題以查看投影片圖像。請注意,此版本並未涵蓋 slick carousel 提供的所有功能,但現有功能已足以讓您創建出精美的輪播套件。在此了解Slidy 的截圖。

如何使用 Slidy

將以下範例直接插入模板

$args = array(
'category' => 'home-page',
'autoplay' => 'true',
'autoplaySpeed' => '500',
'dots' => 'true',
'slidesToShow' => '3',
'slidesToScroll' => '1'
);

if( function_exists( 'slidy_create' ) ){ slidy_create( $args ); }

將以下範例使用短碼插入

[slidy category="" title="false" autoplay="true" autoplaySpeed="500" dots="true" slideToShow="3" slideToScroll="1"]

可用於模板插入/短碼的選項

category (none) – 投影片的類別 (必須是 slug)
number (5) – 要顯示的輪播套件數量
title (true) – 投影片標題
autoplay (true) – 自動撥放投影片
autoplaySpeed (3000) – 自動撥放速度
arrows (true) – 導航箭頭
cssEase (“ease”) – CSS3 動畫緩和程度
dots (true) – 導航點
draggable (true) – 電腦滑鼠拖動
fade (false) – 淡出轉換 (只有在 slidesToShow 是 1 時才有可能)
infinite (true) – 投影片無限循環
pauseOnHover (true) – 懸停投影片時暫停播放
pauseOnDotsHover (false) – 懸停導航點時暫停播放
slidesToShow (1) – 一次要顯示的投影片數
slidesToScroll (1) – 一次要滾動的投影片數
speed (300) – 滾動速度
swipe (true) – 滑動手勢
touchMove (true) – 觸控移動
touchThreshold (5) – 觸控移動的閾值
useCSS (true) – CSS 轉換

此外,此外掛程式是用英文撰寫的,並由 Güngör Budak 翻譯成土耳其語。如果您想將其翻譯成您的語言,我們歡迎您這樣做。使用 translations.pot,將其重命名為 slidy-LANGCODE.po (例如:slidy-tr_TR) 並在 Poedit 中打開它。進行翻譯並保存。這應該會創建一個由 Poedit 創建的 MO 檔案。將 PO 和 MO 檔案發送給我,然後我們就可以將其添加到此外掛程式中。

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.0.3) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Slidy」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Slidy is a reponsive jQuery slider that uses slick carousel by Ken Wheeler and it’s fully integrated into WordPress, so it’s possible to add and administer slides via the Dashboard. You just need to set the image that you want to see in Slidy as the featured image in each post. Slides can be categorized and in this way you can have different sliders on your website. With the functionalities slick carousel brings, it is possible to create sliders in different ways, such as having multiple items unlike many sliders. Also, with the wide range of settings, you can customize your slider in various ways such as inifinite looping, mouse dragging, swiping, arrow key navigation etc. You can also add links to the individual slides via Add/Edit Slide interface. The slides are posts at the same time so you can use them as contents but you may have to edit your theme to view slide images. Note that this version doesn’t cover all functionalities slick carousel provided but the present functionalities are very sufficent for you to create awesome sliders. Check out Slidy’s screenshots here.
How to use Slidy
Find the example below for inserting it directly into the template
$args = array(
'category' => 'home-page',
'autoplay' => 'true',
'autoplaySpeed' => '500',
'dots' => 'true',
'slidesToShow' => '3',
'slidesToScroll' => '1'
);

if( function_exists( 'slidy_create' ) ){ slidy_create( $args ); }

Find the example below for inserting it using shortcode
[slidy category="" title="false" autoplay="true" autoplaySpeed="500" dots="true" slideToShow="3" slideToScroll="1"]

Options you can set for the template insert / shortcode

category (none) – category of the slides (must be slug)
number (5) – number of sliders to be shown
title (true) – title of the slides
autoplay (true) – autoplay of the slides
autoplaySpeed (3000) – speed of the autoplay
arrows (true) – navigation arrows
cssEase (“ease”) – CSS3 Animation Easing
dots (true) – navigation dots
draggable (true) – desktop mouse dragging
fade (false) – fade transition (only possible when slidesToShow is 1)
infinite (true) – infinite looping of the slides
pauseOnHover (true) – pause when hover the slides
pauseOnDotsHover (false) – pause when hover the navigation dots
slidesToShow (1) – number of slides to show in one time
slidesToScroll (1) – number of slides to scroll in one time
speed (300) – speed of the scrolling
swipe (true) – swiping
touchMove (true) – touch move
touchThreshold (5) – threshold of the touch move
useCSS (true) – CSS transitions

The plugin is written in English and has been translated into Turkish by myself. You’re welcomed if you want to translate it into your language. Use translations.pot, rename it as slidy-LANGCODE.po (e.g. slidy-tr_TR) and open it in Poedit. Translate and save. There should be a MO file created by Poedit. Send PO and MO files to me, then I will add them in the next release.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon