Marcus Downing

Dani Llewellyn

<p>Whenever your content contains a link to a file, this plugin can display:</p>
<ul>
<li>An icon for the link</li>
<li>The type of file</li>
<li>The size of the file</li>
</ul>


Link Badges

Add document icons and file sizes to links

Daniel Floeter

<p>Combine blocks into a group wrapped with an hyperlink (<a>).<br />
After inserting a Hyperlink Group Block, a Block inserter icon will be displayed to allow you to add new Blocks inside that Hyperlink Group Block.</p>
<h4>Tip Top Press</h4>
<p>We’re <a href="http://tiptoppress.com/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=TipTopPress" rel="nofollow ugc">Tip Top Press</a> and create Gutenberg Blocks for WordPress. If you want to know about what we’re working on and you are interested in backgrounds then you can read all newes storys on our <a href="http://tiptoppress.com/blog/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=blog" rel="nofollow ugc">blog</a>.</p>
<h4>Grouping Existing Blocks</h4>
<p>It’s also possible to group existing Blocks.<br />
Select the Blocks which should be grouped with a Hyperlink. The Block Toolbar will appear. Click on the Block icon and select the Hyperlink Block to transform the selected Blocks to an Hyperlink Block with some InnerBlocks.</p>
<h4>Advanced</h4>
<p>On the Advanced Tab set the link’s <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/target" rel="nofollow ugc">target</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel" rel="nofollow ugc">rel</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title" rel="nofollow ugc">title</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label" rel="nofollow ugc">aria-label</a> attributes.</p>
<h4>Features</h4>
<ul>
<li>Wrap Blocks with a hyperlink</li>
<li>Use link from Query Loop Block</li>
<li>Transform Blocks into a group wrapped with an HTML anchor tag (<a>)</li>
<li>Set the link href attribute</li>
<li>Set rel, title and aria-label attributes</li>
<li>Option open in a new window and set tab name to open in the same tab</li>
<li>Set hover background color</li>
<li>Inner anchor elements are automatically deleted</li>
</ul>
<h4>Contribute</h4>
<p>While using this plugin if you find any bug or any conflict, please submit an issue at <a href="https://github.com/DanielFloeter/hyperlink-group-block" rel="nofollow ugc">Github</a> (If possible with a pull request).</p>


Hyperlink Group Block

Just what we were looking for, to allow adding links to blocks. Already using it on two sites now.

Great job!

There was an issue updating, but I am sure that will be fixed soon :)

Perfect solution to making block linkable


This should be part of WordPress core blocks. Thanks for fixing Gutenberg!


This should be a Core Block!

Combine blocks into a group wrapped with an hyperlink (<a>).

Link Badges vs Hyperlink Group Block