Àpèjúwe
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.
Àwọn àwòrán ìbòjú
Ìgbéwọlẹ̀
- 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.
Àwọn àgbéyẹ̀wò
Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.
Àwọn Olùkópa & Olùgbéejáde
“Oocak Fullscreen Slider” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.
Àwọn Olùkópa
Túmọ̀ “Oocak Fullscreen Slider” sí èdè rẹ.
Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.
Àkọsílẹ̀ àwọn àyípadà
0.1.0
- Initial release.