wp-maverick

MBA Multimedia

<p>WP Parallax Content Slider is a plugin which adds automatically a content slider of your last posts where you want on your WordPress blog or website.</p>
<p>This plugin is written upon the code of <a href="http://tympanus.net/codrops/author/crnacura/" rel="nofollow ugc">Manoella Ilic</a>, you can see the simple JQuery and CSS version <a href="http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/" rel="nofollow ugc">here</a>.</p>
<p>Transitions between slides are made using a powerfull combination of CSS3 and JQuery to display a beautiful parallax effect.</p>
<p>It is very easy to configure the plugin as it adds automatically an admin page in WordPress administration section. You will be able to configure :</p>
<ul>
<li>New in v0.9.4 : Filter by post category directly with a shortcode parameter (eg. [parallaxcontentslider categ=”2″] or [parallaxcontentslider categ=”2,5″]);</li>
<li>The type of content to display (posts, pages, both);</li>
<li>The number of slides to display;</li>
<li>The auto-switch mode;</li>
<li>The time between each slide;</li>
<li>The sort order of the content to display;</li>
<li>The graphic theme;</li>
<li>and many more…</li>
</ul>
<p>It’s also possible to choose to display a static HTML content instead of displaying last posts in the slider.</p>
<p>WARNING: This last feature is dangerous since all plugins files will are deleted by WordPress during an automatic update! Be careful if you use it and backup your files.</p>
<p>Roadmap:</p>
<ul>
<li>Static slides in a new dedicated custom_post_type;</li>
<li>Better shortcodes;</li>
<li>Add a parameter to use an external CSS file to customize CSS styles;</li>
<li>Add extra parameters to the admin panel (Sizes, colors,…);</li>
<li>Better touch support;</li>
<li>and many more…</li>
</ul>
<p>Available translations:</p>
<ul>
<li>English: Julien Le Thuaut</li>
<li>French (fr_FR): Julien Le Thuaut</li>
<li>Russian (ru_RU): <a href="https://wordpress.org/support/profile/temur-danelia" rel="ugc">Temur Danelia</a></li>
<li>Georgian (ka_GE): <a href="https://wordpress.org/support/profile/temur-danelia" rel="ugc">Temur Danelia</a></li>
<li>Polish (pl_PL): <a href="https://wordpress.org/support/profile/snecz" rel="ugc">snecz</a></li>
<li>Turkish (tr_TR): Batuhan Büyükgüzel (Partial translation: 65%)</li>
<li>Dutch (nl_NL): Marieke_Louise</li>
<li>German (de_DE): Jan Holthuis</li>
<li>Spanish (es_ES): Germán Díaz de Rada</li>
<li>Arabic (ar): Mohamed Kawsara</li>
<li>Arabic Syria (ar_SY): Mohamed Kawsara</li>
<li>Portuguese (pt_BR): Thiago Passamnai (Partial translation: 60%)</li>
<li>Serbo-Croatian (sr_RS): <a href="http://www.webhostinghub.com" rel="nofollow ugc">Borisa Djuraskovic</a></li>
<li>Czech (cz_CZ): <a href="https://www.transifex.com/accounts/profile/boobinna/" rel="nofollow ugc">boobinna</a></li>
<li>other languages (xx_XX): Translators needed 😉 See the FAQ</li>
</ul>
<h4>Plugin’s Official Site</h4>
<p>You’ll find more informations on the WP Parallax Content Slider plugin page <a href="http://jltweb.info/realisations/wp-parallax-content-plugin/" rel="nofollow ugc">here</a>.</p>


WP Parallax Content Slider

A customizable JQuery content slider with CSS3 animations and parallax effects.

Michael

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6c2Rdi4o5MU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<a href="https://superblockslider.com/slider-showcase/" rel="nofollow ugc">Slider examples</a></p>
<p>A lightweight image & content slider plugin. Allows for full control over the content layout and design.</p>
<h4>Lightweight</h4>
<p>Standalone 5KB JavaScript file, optimize for loading speed and performance.</p>
<h4>Content slider</h4>
<p>Highly flexible and customizable content, giving you full control over the content layout and design by using any blocks in the content area.</p>
<h4>Image slider</h4>
<p>Customize each slide’s background image and visual presentation of your sliders.</p>
<h4>Supports block & classic editor</h4>
<p>Works for block editor and classic editor(via shortcode. example: [superblockslider id=”123″]).</p>
<h4>Gradient / color overlay</h4>
<p>Enhance the visual impact of your sliders by applying gradient or solid color overlays, creating an eye-catching backdrop for your content.</p>
<h4>Responsive slider</h4>
<p>Set different background images for desktop, tablet, and mobile screen sizes.</p>
<h4>Live Editor Preview</h4>
<p>Preview your slider’s appearance in real-time within the WordPress editor, making it easy to fine-tune and perfect the design before publishing.</p>
<h4>Touch & mouse drag</h4>
<p>Supporting both touch and mouse swipe gestures, providing a seamless user experience on touchscreen devices and desktops.</p>
<h4>Title or Dot Icon Navigation</h4>
<p>Customize the navigation with title-based navigation or dot icons.</p>
<h4>Parallax Effect</h4>
<p>Add a visually appealing parallax effect to your slider, this effect creates a captivating scrolling experience by moving the background at a different speed than the foreground content.</p>
<h4>Adaptive slider height</h4>
<p>The slider’s height adjusts automatically based on the background size, ensuring that your slides are displayed properly.</p>
<h4>Transition Animations</h4>
<p>Choose from 20 transition animations to add dynamism and flair to your sliders.</p>
<h3>Featured highlight</h3>
<ul>
<li><a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">Slide</a>, <a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">fade</a> effect</li>
<li><a href="https://superblockslider.com/slider-showcase/#adaptive-height" rel="nofollow ugc">Adaptive slider height</a></li>
<li>Set multiple background image for responsive screen size</li>
<li><a href="https://superblockslider.com/slider-showcase/#demo" rel="nofollow ugc">Title-based</a> navigation or <a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">dot icons</a></li>
<li><a href="https://superblockslider.com/slider-showcase/#demo" rel="nofollow ugc">Parallax background effect</a></li>
<li>20 slide <a href="https://superblockslider.com/slider-showcase/#transition-animations" rel="nofollow ugc">transition animations</a></li>
<li><a href="https://superblockslider.com/slider-showcase/#overlay" rel="nofollow ugc">Gradient or solid color overlay</a></li>
</ul>
<h4>Links</h4>
<p><a href="https://superblockslider.com/slider-showcase/" rel="nofollow ugc">Slider examples</a><br />
<a href="https://superblockslider.com/documentations/" rel="nofollow ugc">Documentations</a></p>


Super block slider – Image & content slider

Lightweight image & content slider for block and classic editor.

WP Parallax Content Slider vs Super block slider – Image & content slider