Skyree

<p>Section Page a simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.</p>
<h4>Prerequisite</h4>
<p>This plugin loads wordpress jQuery.</p>
<h4>Options</h4>
<ul>
<li>HTML tag for section title : Can be <code>h1</code> <code>h2</code> (by default) <code>h3</code> <code>h4</code> <code>span</code> <code>strong</code> <code>em</code> <code>p</code></li>
<li>HTML classes for section : Additional html classes for each sections (optionnal)</li>
<li>HTML classes for section title : Addtional html classes for each sections title (optionnal)</li>
<li>HTML classes for section title wrapper : Addtional html classes for each sections title container (optionnal)</li>
<li>HTML classes for section content : Additional html classes for each sections content (optionnal)</li>
<li>Use a char before section title : Add or not html chars at the left of each sections title</li>
<li>Char when section is closed : Char when a section is closed (default : <code>&#9658</code> )</li>
<li>Char when section is open : Char when a section is open (default : <code>&#9660</code> )</li>
<li>Use animation : Smooth or instant dropdown</li>
<li>Custom Css : Customize the plugin here (optionnal)</li>
</ul>
<h4>Usage</h4>
<p>The plugin add a “Add dropdown section” button to your tinymce editor.<br />
Select your block of text and click the button to wrap the text into a section shortcode.</p>
<pre><code>[section=Title of my section]
Your content
...
[endsection]
</code></pre>
<p>This will be automatically replaced by a dropdown section based on the plugin settings.</p>
<h4>Customization</h4>
<p>Use the Custom Css option with the custom classes options.<br />
You can also modify your theme css file if you are using wordpress on your ftp.<br />
Now when a section is open, it receive the css class <code>owc-sp-active</code> so you can use it for more customization.</p>


Section Page

A simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.

meceware

fullpagejs

<p>fullPage Vertical & Horizontal Slider allows you to design smooth-scrolling, full-screen websites with ease. Using the powerful fullPage.js library, this plugin integrates seamlessly into WordPress, enabling users to create beautiful, engaging layouts with minimal effort.</p>
<p><strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/demo/vertical-scroll/" rel="nofollow ugc">Online Demo</a></strong> | <strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/" rel="nofollow ugc">fullPage Slider Pro</a></strong> | <strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">Documentation</a></strong></p>
<h3>🌟 Features of the free version</h3>
<ul>
<li>Fully responsive design for a seamless experience across all devices.</li>
<li>Smooth touch support for mobile, tablet, and touchscreen devices.</li>
<li>Simple section and slide creation.</li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-bar/" rel="nofollow ugc">Full-page scrolling with an optional visible scrollbar.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-inside-sections/" rel="nofollow ugc">Scroll inside sections</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/autoHeight.html" rel="nofollow ugc">Auto-height sections. Ideal for footers</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/#section-2" rel="nofollow ugc">Animated anchor links for seamless navigation.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/infinite-scroll/" rel="nofollow ugc">Configurable looping and infinite scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/keyboard.html" rel="nofollow ugc">Keyboard navigation support.</a></li>
<li>Browser history support for back-button navigation.</li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/horizontal-slides/" rel="nofollow ugc">Horizontal sliders</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/" rel="nofollow ugc">Horizontal and vertical navigation controls with various styling options.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/snap-scroll-speed/" rel="nofollow ugc">Customizable snap scrolling speed</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/autoplayVideoAndAudio.html" rel="nofollow ugc">Autoplay/pause media elements on scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/videoBackground.html" rel="nofollow ugc">Fullscreen video backgrounds in sections & slides</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/normalScroll.html" rel="nofollow ugc">Normal scrolling with smart auto-alignment for sections.</a></li>
</ul>
<h3>🚀 Quick Start</h3>
<p>For detailed setup instructions, visit the <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">documentation</a>.</p>
<ol>
<li>Create a new page or post.</li>
<li>Add the <em>fullPage Vertical & Horizontal Slider</em> block (ensure no other content exists in the post/page).</li>
<li>By default, two sections will be created. You can add more sections or slides using the buttons inside the block.</li>
<li>Customize each section/slide with your content.</li>
<li>Adjust settings by selecting the desired block and modifying its properties.</li>
<li>Remove sections or slides using the delete icon.</li>
</ol>
<p>View more plugin screenshots in the <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">documentation</a>.</p>
<h3>🚫 Limitations</h3>
<p>The free version of <em>fullPage Vertical & Horizontal Slider</em> is a great way to get started, but it comes with some limitations compared to the full experience:</p>
<ul>
<li>❌ Limited to <strong>4 vertical sections</strong> and <strong>1 horizontal slide section</strong> (up to <strong>3 slides</strong> only)</li>
<li>❌ No access to <a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">premium extensions and effects</a>, like:
<ul>
<li><a href="https://alvarotrigo.com/fullPage/extensions/parallax.html?page=gutenberg" rel="nofollow ugc">Parallax scrolling</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/slider-effects.html?page=gutenberg" rel="nofollow ugc">Advanced sliding transition effects</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/scroll-horizontally.html?page=gutenberg" rel="nofollow ugc">Horizontal scrolling via mouse wheel</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/fading-effect.html?page=gutenberg" rel="nofollow ugc">Fading Effect</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/continuous-horizontal.html?page=gutenberg" rel="nofollow ugc">Infinite Horizontal Scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/drag-and-move.html?page=gutenberg" rel="nofollow ugc">Drag and move</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">And more…</a></li>
</ul>
</li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/" rel="nofollow ugc">No responsive options (different behaviors on mobile/tablet)</a></li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/normal-scroll-elements/" rel="nofollow ugc">No support for scrollable elements inside sections (modals, maps, canva…)</a></li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/examples/custom-animation.html" rel="nofollow ugc">No easing animations (all movements use default timing)</a></li>
<li>❌ No support included</li>
</ul>
<h3>🏆 Upgrade to premium and get:</h3>
<ul>
<li>✅ Unlimited sections & slides</li>
<li>✅ Access to <a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">paid extensions and advanced effects</a> (purchased separately)</li>
<li>✅ Access to powerful <a href="https://alvarotrigo.com/fullPage/docs/#methods" rel="nofollow ugc">methods</a> and <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/#events" rel="nofollow ugc">callback events</a></li>
<li>✅ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/" rel="nofollow ugc">Responsive settings</a></li>
<li>✅ <a href="https://alvarotrigo.com/fullPage/examples/lazy-load.html" rel="nofollow ugc">Lazy loading</a></li>
<li>✅ Enhanced navigation options</li>
<li>✅ Priority support and regular updates</li>
</ul>
<p>👉 <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/" rel="nofollow ugc">Get the premium version <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>External Services</h3>
<p>This plugin allows users to embed background videos in their sections. If users choose to use videos hosted on YouTube, the following applies:</p>
<ul>
<li><strong>YouTube</strong>: The plugin may load YouTube’s player API (<code>https://www.youtube.com/iframe_api</code>) to enable video playback. No data is sent to YouTube unless the user explicitly embeds a YouTube video.</li>
</ul>
<h3>Development</h3>
<p>This plugin includes JavaScript and CSS files. The source code for these files is publicly available:</p>
<ul>
<li><a href="https://github.com/meceware/iwideo" rel="nofollow ugc">iwideo.js</a></li>
<li><a href="https://github.com/alvarotrigo/fullpage-limited" rel="nofollow ugc">fullPage.js Limited</a></li>
</ul>


fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More

Create stunning fullscreen scrolling websites effortlessly with WordPress.

Section Page vs fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More