Blocks Everywhere vs Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor

Switches the default WordPress editor for comments, bbPress, and BuddyPress to use Gutenberg. These can now use a richer set of editing tools, as well as having access to the full power of Gutenberg blocks. Admin moderation is also upgraded to use Gutenberg, and blocks are processed on the front end. For extra security the list of available blocks is determined by the allowed tags from WordPress. Gutenberg is not bundled and instead is side-loaded from WordPress. For better compatibility you should use the plugin version of Gutenberg, which is typically several versions ahead of the one included in WordPress. The condition of the Gutenberg replacements are: – bbPress – good (requires bbPress 2.6+) – comments – alright – BuddyPress – needs a lot of work In addition, this plugin adds a new block type “Content Embed” for the Gutenberg editor, which allows you to embed a forum topic from any bbPress site or WordPress.com Support page. Blocks Everywhere is developed on Github at: https://github.com/Automattic/blocks-everywhere Caveats The loading of Gutenberg will also increase the page size of any page it is loaded on. You should be aware of this and willing to accept this in the context of your site. This doesn’t yet work on block-based themes – it must be a ‘classic’ theme. You should use the latest version of the Gutenberg plugin. Usage To enable Blocks Everywhere you need to add the relevant define to wp-config.php: define( 'BLOCKS_EVERYWHERE_COMMENTS', true ); define( 'BLOCKS_EVERYWHERE_BBPRESS', true ); define( 'BLOCKS_EVERYWHERE_BUDDYPRESS', true ); You can also use the WordPress filter blocks_everywhere_comments, blocks_everywhere_bbpress, and blocks_everywhere_buddypress. To enable back-end editing in bbPress: define( 'BLOCKS_EVERYWHERE_ADMIN', true ); Or use the filter blocks_everywhere_admin. Back-end editing is restricted to users with the manage_options capability (can be changed with the blocks_everywhere_admin_cap filter). To enable conversion of blocks in email: define( 'BLOCKS_EVERYWHERE_EMAIL', true ); Or use the filter blocks_everywhere_email. To enable Gutenberg when editing bbPress forums, topics, and replies you can use: define( 'BLOCKS_EVERYWHERE_BBPRESS_ADMIN', true ); Or use blocks_everywhere_bbpress_admin Settings Some settings are available through the settings object, which is filterable with blocks_everywhere_editor_settings. allowUrlEmbed - Enable or disable auto-embed for URLs replaceParagraphCode - Enable the custom paragraph that converts HTML and PHP code into a code block pastePlainText - Convert all pasted content to plain text patchEmoji - set to `true` to stop twemoji from affecting the editor iso.allowEmbeds - List of enabled embeds iso.blocks.allowBlocks - List of enabled blocks iso.className - String of classes to be assigned to the editor. iso.__experimentalOnChange - An optional callback that is triggered when the blocks are changed. iso.__experimentalOnInput - An optional callback that is triggered when text is input. iso.__experimentalOnSelection - An optional callback when a block is selected. Theme compatibility Gutenberg is placed directly on the page along with your post, forum, etc. This means the contents of the editor will look like the page they will appear on. However, it also means that styles from the page may affect the editor. We don’t have a perfect way of separating these styles and it is possible that styles from the page or from Gutenberg may affect the other. If you are using this plugin then it is expected that you will be able to fix any differences as appropriate for your site. A theme compatibility option is provided which might help. You can use this with: define( 'BLOCKS_EVERYWHERE_THEME_COMPAT', true ); Or using the filter blocks_everywhere_theme_compat. It provides some overrides for common theme issues. However, it is generally better not to require overrides so if you are able to modify your theme and make CSS more specific then that is the best route. For example, rather than defining a global button style (which would then affect Gutenberg), make the style specific to the areas where a button will be used. Using Content Embed block Content Embed block uses REST API to fetch content to be embedded. This means that site contains bbPress topics to embed should have topic REST API enabled. Blocks Everywhere enables topic REST API on its own, so if the site with bbPress have this plugin installed and configured, its topics can be embedded. To enable Content Embed block in the editor, pass these settings to blocks_everywhere_editor_settings filter: add_filter( 'blocks_everywhere_editor_settings', function( $settings ) { $settings['iso']['blocks']['allowBlocks'][] = 'blocks-everywhere/support-content'; return $settings; } ); To enable REST API for forum topics, use next filters: add_filter( 'blocks_everywhere_admin', '__return_true' ); add_filter( 'blocks_everywhere_admin_cap', '__return_empty_string' ); REST API is only used when creating content embed and not used to view it. So blocks_everywhere_admin_cap can return specific capability to limit users who will have access to API. In order for Content Embed block from Blocks Everywhere to load post authors, it is required to enable author data in the topic REST API. To do it, use this filter add_action( 'bbp_get_topic_post_type_supports', function( $supports ) { $supports[] = 'author'; return $supports; } ); KSES Gutenberg outputs HTML content and this may be affected by KSES (WordPress HTML sanitisation) and other sanitisation. The plugin provides some modifications to this so it works fine with basic blocks. You may run into problems if you are using different blocks or have customised permission levels.

Get Pro | Documentation Ultimate Blocks is a free powerhouse for bloggers and content marketers using WordPress. It’s not just a plugin, it’s a toolkit to skyrocket user engagement and simplify content creation. With Ultimate Blocks, you’re not just adding functionalities; you’re crafting experiences. From interactive content filters, captivating call-to-actions, to social sharing made effortless, every block is a step towards a more engaging and visually appealing website. It’s about making every visit count, every interaction memorable, and every content piece a breeze to create and manage. Transform your WordPress journey; let Ultimate Blocks be the catalyst for your website’s success. Ultimate Blocks currently includes the following blocks: Coupon (Available in Pro) – View Demo Timeline (Available in Pro) – View Demo Content Filter – View Demo Review (Schema Markup Enabled) – View Demo HowTo Schema – View Demo Table of Contents – View Demo Tabbed Content – View Demo Call to Action – View Demo Content Toggle (Accordion) – View Demo Styled Box – View Demo Styled List – View Demo Expand – View Demo Testimonial – View Demo Click to Tweet – View Demo Social Share – View Demo Countdown – View Demo Progress Bar – View Demo Post Grid – View Demo Star Rating – View Demo Image Slider – View Demo Button (Improved) – View Demo Divider – View Demo We have more exciting blocks in the making. Have a suggestion? Let us know. Join Us To Get Updates and Resources Visit Ultimate Blocks Website Follow Us on Twitter Join Our Support Community Join Our Facebook Group More Info About the Blocks Content Filter Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily. Review Block Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled. HowTo Schema Block Add HowTo Schema with sections, steps and valid schema data. Table of Contents Block Generate a table of contents from your headings. Tabbed Content Block Add content in tabs in your posts/pages. This comes with a nice drag and drop feature to sort the tabs. Call to Action Block Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block. Content Toggle Add contents in accordions. Let visitors expand them and show the content. Styled Box Block Add styled box like – Notification box, Number box, Feature box in your content. Three templates now, more in the making. Styled List Block This block lets you add a styled list in your post or pages. Instead of bullets you can use various icons as your list style type. You can also choose color for icons. Expand Block Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again. Testimonial Block Nice, simple testimonial box with option to add image, name, role of the testimonial author. Click to Tweet Add tweetable content in your posts/pages. Social Share Block Add social share buttons in your posts and pages with this blocks. It comes with lots of customization options too. Countdown Block Add a countdown in your post/pages. Comes with three different styles. Progress Bar Block Add Cirle/Line Progress bar with this blocks. Comes with options to change thickness, color. Post Grid Block Add a list or grid of your posts. Comes with options to change categories, order and many more. Star Rating Block Add Star ratings in your posts/pages. You can customize size, color, numbers of stars. Image Slider Block Add a lightweight, simple image slider in your post. Comes with additional settings. Button Block Button block with more customization options and controls. Divider Block Add custom divider between your blocks. Customize the color, size, everything. Other tools from us Tableberg: The Best WordPress Block Table Plugin to create beautiful and responsive tables. GroundWP: Lightweight and Minimal Block Theme for efficient Full-Site Editing.