davidfcarr

Creates a Gutenberg block displayed float right or float left relative to other content. You may set padding, margins, background color or background image, border style and border color.
<iframe loading="lazy" title="Floating Callout Plugin for the New WordPress Editor" width="750" height="422" src="https://www.youtube.com/embed/Wayzhve-g1g?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>
Useful for creating an information sidebar, such as an About the Author block within an article, or a callout such as an invitation to register for your webinar within an article on the same topic.
Source code at <a href="https://github.com/davidfcarr/floating-callout" rel="nofollow ugc">https://github.com/davidfcarr/floating-callout</a>
Borrows from techniques used in the Wrapper component of the <a href="https://wordpress.org/plugins/editor-blocks/" rel="ugc">Editor Blocks</a> plugin. Created using <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">Create Guten Block</a>.
<h3>Credits</h3>
<pre><code>Floating Callout
Copyright (C) 2018 David F. Carr

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

See the GNU General Public License at <http://www.gnu.org/licenses/gpl-2.0.html>.
</code></pre>

Floating Callout

Creates a Gutenberg block displayed float right or float left relative to other content. You may set padding, margins, background color or background  …

dglambert

Adding a callout box (like a sidebar within a post) is a cumbersome 
process if you try to do it by hand. You could code a stylesheet to 
handle this, but this won’t work for people who use feed readers to 
read your articles.
Hence the need for this plugin. Define the styles you want to use 
in the settings page, and then create a new callout box like this:
[callout title=”A demo callout.”]Callout content here.[/callout]
You can see it live at http://componentoriented.com/wordpress/insert-callout
<h3>History</h3>
Version 1.0 
 – First release 
Version 1.0.1 
 – Fix name in readme.txt 
Version 1.0.2 
 – Fix “do not have sufficient permissions” error on admin page. 
Version 1.0.3 
 – Plugin processing reworked to use regex. 
 – Allow multiple callouts per post. 
 – Add syntax hint on edit page. 
 – Default a style to settings page. 
Version 1.0.4 
 – Fixed: Line breaks within a callout caused it to not be processed.

Insert Callout

Add a callout box (like a sidebar within a post) to a post.

Floating Callout vs Insert Callout