hotthemes

Hot Themes

Hot Blocks plugin by <a href="https://www.hotjoomlatemplates.com" title="Hot Themes" rel="nofollow ugc">Hot Themes</a> is a collection of several blocks for the block editor (Gutenberg). This plugin adds new blocks in the category Hot Blocks. Also, it adds custom styles to the core Latest Posts and Gallery blocks to transform the output into a carousel of posts and images.
<a href="https://wpdemo.hotjoomlatemplates.com/index.php?order=popular&theme=blocks" title="Hot Blocks demo" rel="nofollow ugc">View Hot Blocks Demo</a>
Accordion block contains heading and placeholder for other blocks below the heading. User can reveal or hide the content below the heading by clicking on it. It’s useful for FAQ pages and for pages with a lot of content.
Contact block includes a simple contact form for your website with a configurable anti-spam question and answer.
Gallery core block customization that adds an option to display the images in the carousel mode.
Latest Posts core block customization that adds an option to display the posts in the carousel mode.
Map block allows you to include a Google Map to your post or page simply by entering address or point of interest. It supports align-wide.
Parallax is a placeholder for other blocks. If you select a background image for the Hot Parallax block, it will use a parallax scrolling effect.
There are also some simpler blocks like button with custom dimensions and font size and background color block container.

Hot Blocks

A collection of several blocks for new WordPress editor (Gutenberg).

snagysandor

Parallax Scrolling Effect by Enllax.js
An ultra-lightweight and super easy to use plugin for applying parallax scrolling effect to any scrolling element. You can set parallax scrolling effects to background elements, and also in both directions (vertically or horizontally)
<a href="https://nagysandor.org/enllax-js-demo" rel="nofollow ugc">Demo</a>
Shortcode example
With external image: 
[enllax xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″ img=”image url”] 
Your content. 
[enllaxend]
With internal image (featured image and content): 
[enllax_post postid=”1″ xclass=”enllax” offset=”0″ direction=”horizontal” speed=”0.8″]
xclass: CSS class name (default: enllax) 
offset: background offset in pixel (default: 0) 
direction: vertical (default) or horizontal 
speed: to allow background image to move with different speed, just use a data attribute with a numeric value as a multiplier for scrolling speed, less is slower and 1 is normal (default value: 0.5) 
img: Parallax background image url

Hot Blocks vs Parallax Scrolling Enllax.js