anabelle

<p>With Ajax Post Carousel you can display posts as a carousel using jQuery for animations. The widget only preloads a few posts and Ajax is used to load more posts as the carousel advances (this is very useful when you have hundreds of posts).</p>
<p>The featured thumbnail of each post is used for the carousel, so at least WordPress 2.9 is required. The widget can be totally customized using CSS. Only the basic styles are defined so the carousel works properly.</p>
<p><strong>Features</strong></p>
<ul>
<li>Posts can be selected from a category, a custom taxonomy or a post type.</li>
<li>Configurable number of posts shown in the carousel and number of preloaded posts (visible posts + posts loaded in the background)</li>
<li>Posts can be loaded in random order or using the default order (From most recent to oldest)</li>
<li>Carousel can be an endless loop</li>
<li>Title and excerpt can be shown. Thumbnail is always shown.</li>
<li>Can be used as a widget, a shortcode or a php function.</li>
</ul>
<h3>BETA</h3>
<p>Be adviced we are releasing this software as beta software.<br />
Our initial intention is to gather feedback and collaboration.</p>
<p>After testing and approval the plugin will launch oficially.</p>
<p>Send us your comments to plugins@8manos.com</p>
<h3>HOW TO</h3>
<ul>
<li>Carousels can be added using Widgets, Shortcodes or a PHP function.</li>
<li>You can use the default styles included in the plugin or use your own css. Explained below.</li>
</ul>
<h4>Widget</h4>
<p>This is the easiest way to add carousels to your site. Just drag the “Ajax Post Carousel” widget to an available area and configure all settings.</p>
<h4>Shortcode</h4>
<p>You can use it to include carousels in your posts or pages. Add [apc-carousel] to use the default values.</p>
<p>All the options in the widget can also be used with the shortcode:</p>
<ul>
<li>random: Accepts 0 or 1. (default 0)</li>
<li>visible_posts: Number of posts visible in the carousel. (default 3)</li>
<li>init_posts: Number of preloaded posts. Equals number of visible posts + number of posts in the background. (default 9)</li>
<li>show_title: Whether to show the title of the post. Accepts 0 or 1 (default 0)</li>
<li>show_excerpt: Whether to show the excerpt of the post. Accepts 0 or 1 (default 0)</li>
<li>loop: Accepts 0 or 1 (default 0)</li>
<li>post_type: Slug of the post type. Accepts ‘post’, ‘page’, ‘all’ or any custom post type. (default ‘post’)</li>
<li>category: Slug of the category. (default ‘all’)</li>
<li>Posts can be filtered by taxonomy using: taxonomy-slug=term-slug</li>
</ul>
<p>Example:</p>
<p>[apc-carousel visible_posts=2 init_posts=8 show_title=1 show_excerpt=1 my-taxonomy=my-taxonomy-term]</p>
<h4>PHP Function</h4>
<p>The PHP function can be used in a theme template. The options and defaults are the same as in the Shortcode:</p>
<p>Ajax_Post_Carousel::show_carousel($random=0, $visible_posts=3, $init_posts=9, $show_title=0, $show_excerpt=0, $loop=0, $post_type=’post’, $category=’all’, $tax_filter=”)</p>
<p>$tax_filter uses this format: ‘my-tax-1=my-term-1&my-tax-2=my-term-2’</p>
<p>Example that returns the same output as the Shortcode example:</p>
<h4>Use your own CSS</h4>
<p>There are to ways to style the carousels using your own css.</p>
<ol>
<li>Copy the css file from wp-content/plugins/ajax-post-carousel/ajax_post_carousel.css into your theme directory and edit the copy.</li>
<li>Define your own styles in your theme stylesheet. Just use the carousel id, so your rules have a higher priority than the rules from the plugin (for example: #apc_carousel_0 .apc_thumb{border:none;})</li>
</ol>


Ajax Post Carousel

Widget that displays posts as a carousel, using jQuery. It preloads a few posts and Ajax is used to load more posts as the carousel advances.

terenziocensoni

Webyx

Rodolfo Cucchiella

<p>The first and most powerful plugin to create awesome fullpage fullscreen vertical and horizontal scrolling websites effortlessly on WordPress.</p>
<p><iframe loading="lazy" title="How to create a page with Webyx Free for Gutenberg in Full Site Editing step by step tutorial (1/3)" width="750" height="422" src="https://www.youtube.com/embed/MtxXauTyMs8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>💡 WHAT YOU CAN DO</h3>
<p><strong>Webyx</strong> for Gutenberg is a plugin for WordPress that allows you to create amazing <strong>fullpage fullscreen scrollable websites</strong> quickly and easily.</p>
<p>If you want to see and try something made with Webyx, go to our <a href="https://demo.webyx.it/webyx-free-block-with-twenty-24-block-themes/" rel="nofollow ugc">DEMO website!</a></p>
<h3>💎 WEBYX PRO FOR GUTENBERG</h3>
<p>With the <a href="https://gum.co/u/phihkwcg" rel="nofollow ugc">PRO version</a> you will also be able to create <strong>landing</strong>, <strong>single</strong> or <strong>multi page websites</strong>, manually shape the view appearance you want to show.</p>
<p><strong>⚠️ IMPORTANT NOTE: after having installed the PRO version you can convert directly from the FREE version to the PRO version.</strong></p>
<h3>🚀 TRY WEBYX FREE FOR ELEMENTOR</h3>
<p>Are you also Elementor users and enthusiasts?<br />
We have the version of Webyx explicitly built for Elementor.<br />
Download and try the <a href="https://wordpress.org/plugins/webyx-fe/" rel="ugc">Webyx Free for Elementor</a> version of our dedicated plugin!</p>
<h3>🎁 WebyxUI: join our Exclusive BETA!</h3>
<p>We are thrilled to announce the upcoming launch of our new product, <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a>.<br />
We would like to offer you an exclusive opportunity to be among the firsts to experience it: we are opening 20 spots for BETA testers for FREE!<br />
By joining our BETA program, you will get early and FREE access to <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a> and have the chance to provide feedback that will help shape the final version.</p>
<h3>🎁 FEATURES OF THE FREE VERSION</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=ALkTezuyzxc" rel="nofollow ugc">Sections</a></li>
<li><a href="https://www.youtube.com/watch?v=ALkTezuyzxc" rel="nofollow ugc">Slides</a></li>
<li><a href="https://www.youtube.com/watch?v=I2pBlUjBH8U" rel="nofollow ugc">Slide content position</a></li>
<li>Panel style</li>
<li>Template design</li>
<li><a href="https://www.youtube.com/watch?v=fY_5lVCRPsQ" rel="nofollow ugc">Continuous horizontal</a></li>
<li><a href="https://www.youtube.com/watch?v=coJF40Yj0qE" rel="nofollow ugc">Animation easings and speeds</a></li>
<li><a href="https://www.youtube.com/watch?v=p9wo5iJBh0Q" rel="nofollow ugc">Navigation arrows</a></li>
<li><a href="https://www.youtube.com/watch?v=Mp3idgS2xcQ" rel="nofollow ugc">Navigation bullets</a></li>
<li><a href="https://www.youtube.com/watch?v=bmmQuoGfC0s" rel="nofollow ugc">Navigation mouse wheel</a></li>
<li>Navigation keyboard</li>
<li><a href="https://www.youtube.com/watch?v=x6iX_cCWfno" rel="nofollow ugc">Fullscreen button</a></li>
<li><a href="https://www.youtube.com/watch?v=i6K_zeAOUoA" rel="nofollow ugc">Lockable horizontal swipe</a></li>
<li><a href="https://www.youtube.com/watch?v=NsFWk-hl-VE" rel="nofollow ugc">Loading splash screen</a></li>
<li><a href="https://www.youtube.com/watch?v=TmW9nPNnhDQ" rel="nofollow ugc">Mobile settings</a></li>
<li><a href="https://www.youtube.com/watch?v=3aKxzeEUi28" rel="nofollow ugc">Custom CSS</a></li>
<li><a href="https://www.youtube.com/watch?v=MtxXauTyMs8" rel="nofollow ugc">WordPress Full Site Editing Theme compatibility</a></li>
<li>Built-in responsive menu</li>
<li>Responsive</li>
<li>Touch support</li>
<li>Clean and minimized code</li>
<li>Compatible with all modern browsers</li>
<li>No jQuery</li>
<li>Easy to use with hundreds of configurable options</li>
<li>…and much more</li>
</ul>
<h3>🏆 FEATURES OF THE PRO VERSION ONLY</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=ou4L8iN1zDc" rel="nofollow ugc">View design</a></li>
<li><a href="https://www.youtube.com/watch?v=ou4L8iN1zDc" rel="nofollow ugc">Customizable header with menu</a></li>
<li><a href="https://www.youtube.com/watch?v=XU2p0MrdvhI" rel="nofollow ugc">Anchors</a></li>
<li><a href="https://www.youtube.com/watch?v=16EHgtjSFzw" rel="nofollow ugc">Scrolling content</a></li>
<li><a href="https://www.youtube.com/watch?v=fY_5lVCRPsQ" rel="nofollow ugc">Continuous vertical</a></li>
<li><a href="https://www.youtube.com/watch?v=junt7gnmfRs" rel="nofollow ugc">Horizontal animation</a></li>
<li><a href="https://www.youtube.com/watch?v=_nUlXMsEMvg" rel="nofollow ugc">Horizontal scrolling</a></li>
<li><a href="https://www.youtube.com/watch?v=r5gUISxdqM8" rel="nofollow ugc">Horizontal scrolling smooth animation and duration</a></li>
<li><a href="https://www.youtube.com/watch?v=VsWc8sqPaGY" rel="nofollow ugc">Card style</a></li>
<li><a href="https://www.youtube.com/watch?v=VsWc8sqPaGY" rel="nofollow ugc">Parallax effect</a></li>
<li><a href="https://www.youtube.com/watch?v=cr-0UX2wn38" rel="nofollow ugc">Navigation Drag and Move (BETA)</a></li>
<li><a href="https://www.youtube.com/watch?v=XGTaXUK-UfE" rel="nofollow ugc">Indipendent animation types on X and Y axes</a></li>
<li><a href="https://www.youtube.com/watch?v=XGTaXUK-UfE" rel="nofollow ugc">Fade and toggle animations</a></li>
<li><a href="https://www.youtube.com/watch?v=0NeotUFVJIw" rel="nofollow ugc">Normal scrolling website</a></li>
<li><a href="https://www.youtube.com/watch?v=0NeotUFVJIw" rel="nofollow ugc">Slide height autofill</a></li>
<li><a href="https://www.youtube.com/watch?v=Jhmq-O2LB2E" rel="nofollow ugc">Lockable vertical movement</a></li>
<li>Mobile movement threshold</li>
<li><a href="https://www.youtube.com/watch?v=xjdqoDbwtyE" rel="nofollow ugc">Switchable foregrounds for each Slide background</a></li>
<li><a href="https://www.youtube.com/watch?v=xjdqoDbwtyE" rel="nofollow ugc">Different backgrounds for each device type</a></li>
<li><a href="https://www.youtube.com/watch?v=rG7yvGdswqc" rel="nofollow ugc">Background audio</a></li>
<li><a href="https://www.youtube.com/watch?v=e_tdcVLiRgE" rel="nofollow ugc">Background video</a></li>
<li><a href="https://www.youtube.com/watch?v=hPz3rhWL4vE" rel="nofollow ugc">Event hooks</a></li>
<li><a href="https://www.youtube.com/watch?v=ySsDlcOZpas" rel="nofollow ugc">Visible or hidden Slides on the fly</a></li>
<li>Automatic updates management</li>
<li>Rollback to previous versions</li>
<li>…and much more</li>
</ul>
<h3>📖 QUICK USER’S GUIDE</h3>
<p>For a more complete documentation visit our website at <a href="https://webyx.it" rel="nofollow ugc">Webyx</a>.</p>
<h4>How to add the block in Gutenberg</h4>
<ol>
<li>Create a new page or go to the page you would like to add the block.</li>
<li>Enable Webyx Template page or Custom Template page.</li>
<li>Find <strong>Webyx for Gutenberg</strong> block on the Gutenberg blocks and add it to the page.<br />
    IMPORTANT: you can add only one <strong>Webyx</strong> for Gutenberg block as the only root element of the page.<br />
    You should not add any other block to the page at the same level of the <strong>Webyx</strong> for Gutenberg block.</li>
<li>Inside the root level <strong>Webyx</strong> for Gutenberg block you must only add Section blocks that will contain exclusively Slide blocks.<br />
    IMPORTANT: remember to give different titles to Sections and Slides inside the same Section to allow a correct functioning of Navigation Bullets.</li>
<li>Create your layout inside every single Slide.</li>
</ol>
<p><strong>⚠️ IMPORTANT: Sometimes with the update of Gutenberg, WordPress or other third party plugins, Webyx for Gutenberg block might generate this error: “Webyx for Gutenberg block contains unexpected or invalid content”.<br />
If you see this error instead of the Webyx for Gutenberg block use “attempt block recovery” button.<br />
Do NOT use “Convert to classic block” option. We may introduce major changes that fix bugs or simply add new features which could lead to an attempt block recovery.<br />
Check your pages after each update.</strong></p>
<h4>Enable Webyx template</h4>
<ol>
<li>Click on the Page tab in the right side of Gutenberg editor.</li>
<li>In pages attributes find the Template select and choose <em>webyx</em>.</li>
<li>In Appearance > Menus create your new menu and enable in Menu Settings > Display location: <em>Webyx Menu</em>.</li>
</ol>
<p><em>Important note</em>: <strong>Webyx</strong> for Gutenberg template provides a responsive, scrollable, multi-level, with logo custom menu (Webyx Menu) that could be created with the WordPress Menus internal management.</p>
<h4>Webyx For Gutenberg Plugin Settings</h4>
<p>To customize general plugin settings just go to Settings > Webyx Plugin Settings.</p>
<ul>
<li><strong>Hide WP admin top bar</strong>: hide WP admin top bar in Webyx pages preview.</li>
<li><strong>Enable Webyx menu</strong>: enable Webyx menu “Display location” in Appearance/Menus/Menu structure/Menu settings.</li>
</ul>
<h4>Languages</h4>
<ul>
<li>English</li>
<li>Italian</li>
</ul>
<h4>Documentation and Support</h4>
<ul>
<li>For documentation visit our website at <a href="https://webyx.it" rel="nofollow ugc">Webyx</a>.</li>
</ul>
<h3>🔧 INSTALLATION</h3>
<h4>Minimum Requirements</h4>
<ul>
<li>WordPress 5.7 or greater</li>
<li>PHP version 7.2 or greater</li>
<li>MySQL version 5.0 or greater</li>
</ul>
<h4>Installation</h4>
<p>To install <strong>Webyx</strong> for Gutenberg is very easy:</p>
<ol>
<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content/plugins/</code> directory of your WordPress installation.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
</ol>
<p>From now on you will be able to access and use <strong>Webyx</strong> for Gutenberg!</p>
<h4>Uninstalling</h4>
<p>To uninstall <strong>Webyx</strong> for Gutenberg you just need to:</p>
<ol>
<li>Deactivate the plugin via the ‘Plugins’ menu in WordPress.</li>
<li>Choose the ‘Delete plugin’ action you can find in the same menu.</li>
</ol>


Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites

Webyx for Gutenberg it's a simple way to create amazing fullpage full screen scrollable websites in WordPress with Gutenberg editor.

Ajax Post Carousel vs Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites