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:
- Clone the repository.
- Run
npm install. - Run
npm run build.
Screenshots
Installation
- Upload the plugin files to
/wp-content/plugins/oocak-fullscreen-slider/, or install through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Go to Oocak Fullscreen Sliders in the admin sidebar.
- Click Add New Slider to create a new slider.
- The new slider appears in the list — click Edit on it to open the slider editor.
- In the slider editor, add your slides:
- Click + Add Slide in the left sidebar.
- Select a slide to edit it.
- Pick a background image from the media library.
- Fill in title, description, and an optional button (text + URL).
- Choose the text position within the fullscreen slide — top-left, top-right, center, bottom-left, or bottom-right.
- Choose optional text and image animations.
- Repeat for additional slides.
- Click Save Slider.
- Copy the shortcode shown at the top of the editor (e.g.
[oocak_slider id="21"]) and paste it into any page or post.
FAQ
-
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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Oocak Fullscreen Slider” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Oocak Fullscreen Slider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.1.0
- Initial release.