=== Artclick Gallery Lite ===
Contributors: artclickplugins
Tags: gallery, image gallery, slider, carousel, lightbox
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Responsive image galleries with a modern lightbox and a built-in slider/carousel. Pure vanilla JS — no jQuery, no frameworks.

== Description ==

Artclick Gallery Lite lets you create beautiful, fast image galleries in minutes. Choose a responsive grid (1–6 columns) or switch a gallery into a slider/carousel with a single setting — no extra effort required. Every gallery ships with an accessible lightbox, native lazy loading, a shortcode, and a Gutenberg block.

Built for performance: assets load only on pages that actually contain a gallery, the frontend uses pure vanilla JavaScript (no jQuery), and gallery data is stored in post meta — no custom database tables.

= Key Features =

* Unlimited galleries, managed in a dedicated, clutter-free admin
* Responsive grid layout with separate column counts for desktop, tablet, and mobile (1–6 columns)
* Built-in slider / carousel mode — show one image or several at once, with a per-device "Slides to Show" setting
* Slider controls: autoplay, autoplay speed, loop, slide/fade transitions, plus keyboard, touch-swipe, and mouse-drag navigation
* Navigation dots with selectable position (over the slider or below it) and a custom color
* Customizable previous / next arrow color
* Aspect-ratio options — Original (uncropped) or 1:1, 4:3, 3:4, 16:9, 3:2
* Image fit (cover or contain), rounded corners, and hover effects (zoom, lift, grayscale, brighten)
* Adjustable horizontal and vertical spacing between images
* Modern, accessible lightbox — previous/next, close, ESC, click-outside, image counter, thumbnail strip, optional slideshow button, keyboard navigation, focus trapping, and swipe
* Native lazy loading with no layout shift
* Drag-and-drop image reordering with per-image captions
* Shortcode, Gutenberg block (live preview), and a Classic/TinyMCE insert button
* Optional lightbox for normal post/page content images
* One-click gallery duplication
* Translation ready (ships with a Japanese translation)
* Accessibility first: ARIA labels, focus states, screen-reader friendly controls, and reduced-motion support
* Clean uninstall — removes its galleries, meta, and options

= Performance =

* No jQuery dependency on the frontend
* Vanilla JavaScript only, with minified assets
* Assets load only when a gallery is present on the page
* Data stored in post meta — no custom database tables and no unnecessary queries

= About Artclick =

Artclick Gallery Lite is built and maintained by Artclick.

* Japan: https://artclick.jp/
* Global: https://artclickdev.com/

== Installation ==

1. Upload the `artclick-gallery-lite` folder to `/wp-content/plugins/`, or install it through the **Plugins** screen in WordPress.
2. Activate the plugin through the **Plugins** screen.
3. Go to **Artclick Gallery → Add New Gallery**.
4. Add images, choose your layout (Grid or Slider) and settings, then publish.
5. Copy the shortcode shown on the edit screen, or insert the **Artclick Gallery** block.

== Frequently Asked Questions ==

= How do I make a slider instead of a grid? =

Edit a gallery, open **Gallery Settings**, and set **Layout Mode** to **Slider / Carousel**. You can enable autoplay, looping, dots, arrows, and the transition style. You can also force slider mode for a single placement with the shortcode attribute `layout="slider"`.

= Can I show more than one image at a time in the slider? =

Yes. In the Slider settings, use **Slides to Show** to set how many images are visible at once — separately for desktop, tablet, and mobile — to create a multi-item carousel.

= Can I change the slider arrow color? =

Yes. The Slider settings include an **Arrow Color** picker for the previous/next arrows.

= How do visitors move between slides? =

Several ways: the previous / next arrows, the navigation dots, left/right arrow keys, touch-swipe on mobile, and click-and-drag with the mouse on desktop. You can also place the dots over the slider or below it and pick their color in the Slider settings.

= How do I use a shortcode? =

Use `[artclick_gallery id="123"]`, replacing `123` with your gallery ID (shown on the gallery edit screen). Optional attributes override the saved settings:

* `columns` — 1 to 6
* `layout` — `grid` or `slider`
* `spacing` — `small`, `medium`, or `large`
* `lightbox` — `1` or `0`
* `captions` — `1` or `0`

Example: `[artclick_gallery id="123" layout="slider" lightbox="1"]`

= Can normal images in my posts open in the lightbox? =

Yes. Go to **Artclick Gallery → Settings** and enable **Content Images Lightbox**. Any image in your post/page content that links to its full-size file will then open in the Artclick lightbox.

= Does it use jQuery on the frontend? =

No. The frontend is 100% vanilla JavaScript.

= Where is gallery data stored? =

In post meta on the `artclick_gallery` custom post type. No custom database tables are created.

= Is it accessible? =

Yes. The lightbox and slider support keyboard navigation, focus management, ARIA roles/labels, and respect `prefers-reduced-motion`.

== Screenshots ==

1. Responsive grid gallery on the frontend.
2. Slider / carousel mode.
3. Accessible lightbox viewer.
4. Gallery edit screen with drag-and-drop images and settings.
5. Plugin settings page.

== Changelog ==

= 1.0.0 =
* Initial release.
* Responsive grid layout with per-device column counts (desktop, tablet, mobile).
* Slider / carousel mode with per-device "Slides to Show", autoplay, loop, dots, arrows, slide/fade transitions, customizable arrow color, keyboard and swipe support.
* Aspect-ratio options (Original, 1:1, 4:3, 3:4, 16:9, 3:2), image fit, rounded corners, and hover effects.
* Adjustable horizontal/vertical spacing.
* Accessible lightbox with image counter, thumbnail strip, and optional slideshow button.
* Native lazy loading, drag-and-drop reordering, per-image captions.
* Shortcode, Gutenberg block, Classic editor insert button, and optional content-image lightbox.
* One-click duplication, translation ready (Japanese included), and clean uninstall.

== Upgrade Notice ==

= 1.0.0 =
Initial release.
