這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

GA Image Carousel

外掛說明

Carousel Demo Website

If you need to quickly customize the carousel of photos and you do not want to load your resource – this is a choice for you. Fast, adaptive and functional.

Plugin Features:

  • Integration with the WordPress gallery
  • 100% Responsive
  • Touch and Swipe Support
  • Lightweight and high speed
  • Easy to configuration
  • Functional Shortcode
  • Compatible with any Theme
  • AutoPlay on/off
  • Random sorting on/off
  • Animation direction
  • Animation speed
  • Proportion settings
  • Few animation type
  • Few themes for Carousel

螢幕擷圖

  • Installation.
  • Basic view.
  • Different themes(dark).
  • Animation setup.
  • Proportion settings.
  • Advanced customization.
  • Clients and logos carousel.

安裝方式

Upload the plugin files to the /wp-content/plugins/ga-image-carousel directory, or install the plugin through the WordPress plugins screen directly.

Activate the plugin through the ‘Plugins’ screen in WordPress.

After install, you are ready to use carousel in your post, page, widget or anywhere you like. How to create carousel? lets see.

Now we are going to add a carousel in a regular page. Go to Page > Add New. Click on “Add Media”(1 on screenshots), then you can see media uploader. Now click on “Create gallery(2 on screenshots), then upload some photos here.”

After adding all necessary information, Click the blue button saying “Create a new gallery”(3 on screenshots). You can re-organize carousel items here. “Link to” select “Media file” (4 on screenshots), now click on the blue button saying “Create Gallery”(5 on screenshots).

Then you will get WordPress default gallery shortcode in your editor, you can’t see gallery shortcode, just click on text editor form right(6 on screenshots). Just gallery shortcode(7 on screenshots) need change to “ga-carousel”(8 on screenshots). If your gallery shortcode is [gallery ids=”305,306,307,310,311″], just gallery text change to ga-carousel text. So your shortcode will look like [ga-carousel ids=”305,306,307,310,311”]. Now save your page.

Main shortcode : [ ga-carousel ]

Shortcode attributes:

ids           => use image ids
direction     => left / right. default: right
duration      => from 0 to ∞ (in sec). default: 0.4
animation     => bysection / linear. default: bysection
delay         => from 0 to ∞ (in sec). default: 5
width         => px / %. default: 100%
width-item    => px / %. default: 150px
proportion    => example: 1:3.5 / auto . default: 1:1
clickable     => 0 / 1. default: 1
fancy         => 0 / 1. default: 1
theme         => basic / dark. default: basic
caption       => 0 / 1. default: 1
border        => from 0 to ∞. default: 10
border-color  => in rgb, rgba or hex. default: #ffffff
border-radius => in px, % or 0 (disable). default: 0
margin        => from 0 to ∞. default: 10
navigation    => 0 or 1. default: 1

常見問題集

Installation Instructions

Upload the plugin files to the /wp-content/plugins/ga-image-carousel directory, or install the plugin through the WordPress plugins screen directly.

Activate the plugin through the ‘Plugins’ screen in WordPress.

After install, you are ready to use carousel in your post, page, widget or anywhere you like. How to create carousel? lets see.

Now we are going to add a carousel in a regular page. Go to Page > Add New. Click on “Add Media”(1 on screenshots), then you can see media uploader. Now click on “Create gallery(2 on screenshots), then upload some photos here.”

After adding all necessary information, Click the blue button saying “Create a new gallery”(3 on screenshots). You can re-organize carousel items here. “Link to” select “Media file” (4 on screenshots), now click on the blue button saying “Create Gallery”(5 on screenshots).

Then you will get WordPress default gallery shortcode in your editor, you can’t see gallery shortcode, just click on text editor form right(6 on screenshots). Just gallery shortcode(7 on screenshots) need change to “ga-carousel”(8 on screenshots). If your gallery shortcode is [gallery ids=”305,306,307,310,311″], just gallery text change to ga-carousel text. So your shortcode will look like [ga-carousel ids=”305,306,307,310,311”]. Now save your page.

Main shortcode : [ ga-carousel ]

Shortcode attributes:

ids           => use image ids
direction     => left / right. default: right
duration      => from 0 to ∞ (in sec). default: 0.4
animation     => bysection / linear. default: bysection
delay         => from 0 to ∞ (in sec). default: 5
width         => px / %. default: 100%
width-item    => px / %. default: 150px
proportion    => example: 1:3.5 / auto . default: 1:1
clickable     => 0 / 1. default: 1
fancy         => 0 / 1. default: 1
theme         => basic / dark. default: basic
caption       => 0 / 1. default: 1
border        => from 0 to ∞. default: 10
border-color  => in rgb, rgba or hex. default: #ffffff
border-radius => in px, % or 0 (disable). default: 0
margin        => from 0 to ∞. default: 10
navigation    => 0 or 1. default: 1

使用者評論

2017 年 10 月 2 日
Hello I hope you enjoy this project. New features and updates will be soon. This is our first work, please write your wishes.
閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈GA Image Carousel〉的開發相關工作。

參與者

將〈GA Image Carousel〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.3

  • Change Shortcode from [ ga_carousel] to [ ga-carousel]

1.0.2

  • Add Customization Features

1.0.1

  • Add Touch Swipe Support

1.0

  • First Release