Description
Hot Blocks plugin by HotThemes is a collection of several blocks for new WordPress editor (Gutenberg). Currently, this plugin adds 6 new blocks in new category called Hot Blocks.
Hot Header block is useful if you want to add a header with background image and overlay color to your pages with a big heading (h1) and some intro text (it’s recommeded to use page template that doesn’t display page title).
Hot 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.
Hot 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.
Hot 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.
There are also some simpler blocks like button with custom dimensions and font size, background color block container, and wide text block that allows your paragraph to use full screen width (only if theme supports align-wide).
Installation
- Install plugin as usually from WordPress.org. You can also manually download it, unpack and upload
plugin_hot_blocksdirectory to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- You will see a new blocks category named as Hot Blocks in the pane with blocks.
- Add any of these blocks to your post/page by clicking on it.
- Some blocks have parameters in Block controls pane.
FAQ
- What to do with plugin after installation?
-
Create or edit a post or page. Click Add Block button, look for Hot Blocks category and add blocks by clicking on them.
- There’s no align-wide option?
-
Make sure that your theme supports align-wide (older themes usually don’t support this).
Contributors & Developers
“Hot Blocks” is open source software. The following people have contributed to this plugin.
Translate “Hot Blocks” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- The initial release