WP Manifestindependent plugin directory
manifest / media / oocak-fullscreen-slider

Oocak Fullscreen Slider

Full-screen vertical slider for WordPress. React admin, REST API, per-slide animations and positioning.

by Ozan Ocak · github.com/ozanocak/oocak-fullscreen-slider · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/ozanocak/oocak-fullscreen-slider/archive/refs/heads/main.zip
Readme github.com/ozanocak/oocak-fullscreen-slider ↗

Create full-screen, scroll-driven landing pages with a modern React admin.

Description

Oocak Fullscreen Slider lets you build full-screen vertical slide experiences — the kind of scroll-snap landing page you see on SpaceX, Apple, and modern marketing sites.

Features

  • Full-screen vertical slides with scroll-snap navigation
  • Per-slide image, title, description, and optional CTA button
  • Per-slide text and image animations (fade, slide, zoom, pan)
  • Per-slide text positioning (top-left, top-right, center, bottom-left, bottom-right)
  • Desktop top nav, tablet/mobile slide-in panel
  • Multiple sliders — create and embed as many as you need
  • Shortcode: [oocak_slider id="123"]
  • REST API backed, React admin panel
  • Accessibility: respects prefers-reduced-motion

Source Code

The source code for this plugin is publicly available on GitHub:

https://github.com/OzanOcak/oocak-fullscreen-slider

To rebuild the compiled assets in the build/ directory:

  1. Clone the repository.
  2. Run npm install.
  3. Run npm run build.

Installation

  1. Upload the plugin files to /wp-content/plugins/oocak-fullscreen-slider/, or install through the WordPress plugins screen directly.
  2. Activate the plugin through the 'Plugins' screen in WordPress.
  3. Go to Oocak Fullscreen Sliders → Add New Slider.
  4. Add slides, save.
  5. Copy the shortcode shown in the editor header.
  6. Paste the shortcode into any page or post.

Frequently Asked Questions

How do I create a slider?

Go to Oocak Fullscreen Sliders in the admin sidebar and click Add New Slider.

How do I embed the slider?

Copy the shortcode from the editor header — it looks like [oocak_slider id="5"] — and paste it into any page or post.

Can I have more than one slider?

Yes. Create as many sliders as you want, each with its own shortcode.

Screenshots

  1. The slider list page
  2. The slide editor with all options
  3. A full-screen slide on the frontend
  4. The mobile slide-in navigation panel
  5. A slide with a call-to-action button

Changelog

0.1.0

  • Initial release.