# SlideVerse - WordPress Slider & Carousel Plugin

**SlideVerse** is the ultimate WordPress slider plugin powered by **Swiper.js**. Create beautiful, responsive, and touch-enabled sliders directly in the Gutenberg block editor. Perfect for image galleries, content carousels, product showcases, and more!

![SlideVerse WordPress Slider Plugin](https://wpxero.com/slideverse-preview.jpg)

## 🚀 Key Features

- **Multiple Slider Types**: Create image sliders, content carousels, infinite scrollers, and before-after image comparisons
- **Gutenberg-Optimized**: Native integration with the WordPress block editor for a seamless experience
- **100% Responsive**: All sliders look perfect on any device - desktop, tablet, or mobile
- **Touch & Swipe Support**: Native gesture support for mobile users
- **Extensive Settings**: Control autoplay, navigation, pagination, transitions, speed, and much more
- **Content Flexibility**: Add any content to your slides - images, text, videos, or custom blocks
- **SEO-Friendly**: Optimized structure with proper schema.org markup for better search engine visibility
- **Fast Performance**: Lightweight code ensures your sliders load quickly
- **Professional Design**: Modern, clean design with multiple customization options

## 🔍 Available Slider Types

1. **Image Slider**: Showcase your photos, artwork, or product images
2. **Content Carousel**: Display posts, testimonials, or custom content
3. **Infinite Slider**: Create continuous scrolling carousels perfect for logos or partners
4. **Before-After Slider**: Compare two images with an interactive sliding divider

## 📦 Installation

1. **Upload & Install**:
   - Upload the `slideverse` folder to the `/wp-content/plugins/` directory, or
   - Install it through the WordPress plugins screen directly

2. **Activate**:
   Go to the 'Plugins' screen in WordPress and activate **SlideVerse**

3. **Start Creating**:
   In the Gutenberg editor, add one of the SlideVerse blocks and customize to your needs

## 🛠️ Usage

### Creating a Basic Slider

1. Open the WordPress block editor
2. Click the "+" button to add a new block
3. Search for "SlideVerse" in the block library
4. Choose your desired slider type
5. Add content to your slides
6. Customize appearance and behavior in the block settings panel

### Slider Settings

Each SlideVerse slider comes with extensive customization options:

- **Navigation**: Show/hide arrows, customize their appearance
- **Pagination**: Enable dots, bullets, or progress bar
- **Autoplay**: Set autoplay with custom timing and pause on hover
- **Effects**: Choose between slide, fade, or other transition effects
- **Speed**: Adjust transition speed and timing
- **Loop**: Enable infinite looping
- **Responsive Settings**: Customize behavior on different devices

## 🧰 Development

### Build Process

To build and package the **SlideVerse** plugin:

1. **Install Dependencies**:
   ```bash
   npm install
   ```

2. **Build Assets**:
   ```bash
   npm run build
   ```

3. **Package Plugin**:
   ```bash
   npm run plugin-zip
   ```

## 📚 Documentation

Visit our [documentation site](https://wpxero.com/docs/slideverse/) for comprehensive guides, tutorials, and examples.

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## 📝 License

This project is licensed under the GPL-2.0+ License - see the LICENSE file for details.

## 🔗 Links

- [Official Website](https://wpxero.com)
- [Documentation](https://wpxero.com/docs)
- [Support](https://wpxero.com/support)