Title: Hyperlink Group Block
Author: Daniel Floeter
Published: <strong>2021年7月7日</strong>
Last modified: 2026年6月15日

---

プラグインを検索

![](https://ps.w.org/hyperlink-group-block/assets/banner-772x250.png?rev=2895460)

![](https://ps.w.org/hyperlink-group-block/assets/icon-256x256.png?rev=2560266)

# Hyperlink Group Block

 作者: [Daniel Floeter](https://profiles.wordpress.org/kometschuh/)

[ダウンロード](https://downloads.wordpress.org/plugin/hyperlink-group-block.2.0.5.zip)

 * [詳細](https://ja.wordpress.org/plugins/hyperlink-group-block/#description)
 * [レビュー](https://ja.wordpress.org/plugins/hyperlink-group-block/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/hyperlink-group-block/#installation)
 * [開発](https://ja.wordpress.org/plugins/hyperlink-group-block/#developers)

 [サポート](https://wordpress.org/support/plugin/hyperlink-group-block/)

## 説明

Combine blocks into a group wrapped with an hyperlink (<a>).
 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.

#### Tip Top Press

We’re [Tip Top Press](http://tiptoppress.com/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=TipTopPress)
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 [blog](http://tiptoppress.com/blog/?utm_source=wp.org&utm_medium=readme.txt&utm_campaign=hyperlink+group+block&utm_content=blog).

#### Grouping Existing Blocks

It’s also possible to group existing Blocks.
 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.

#### Advanced

On the Advanced Tab set the link’s [target](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/target),
[rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel), [title](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title)
and [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
attributes.

#### Features

 * Wrap Blocks with a hyperlink
 * Use link from Query Loop Block
 * Transform Blocks into a group wrapped with an HTML anchor tag (<a>)
 * Set the link href attribute
 * Set rel, title and aria-label attributes
 * Option open in a new window and set tab name to open in the same tab
 * Set hover background color
 * Inner anchor elements are automatically deleted

#### Contribute

While using this plugin if you find any bug or any conflict, please submit an issue
at [Github](https://github.com/DanielFloeter/hyperlink-group-block) (If possible
with a pull request).

## スクリーンショット

[⌊Hyperlink Group Block to group Blocks with an hyperlink.⌉⌊Hyperlink Group Block
to group Blocks with an hyperlink.⌉[

Hyperlink Group Block to group Blocks with an hyperlink.

[⌊Wrap Blocks with a link.⌉⌊Wrap Blocks with a link.⌉[

Wrap Blocks with a link.

[⌊Rendered HTML.⌉⌊Rendered HTML.⌉[

Rendered HTML.

[⌊Advanced Settings for link target, rel, title and aria-label attributes.⌉⌊Advanced
Settings for link target, rel, title and aria-label attributes.⌉[

Advanced Settings for link target, rel, title and aria-label attributes.

[⌊Transform Blocks into a group wrapped with an anchor tag⌉⌊Transform Blocks into
a group wrapped with an anchor tag⌉[

Transform Blocks into a group wrapped with an anchor tag

## ブロック

このプラグインは1個のブロックを提供します。

 *   Hyperlink Group

## インストール

This section describes how to install the plugin and get it working.

e.g.

 1. Upload the plugin files to the `/wp-content/plugins/hyperlink-group-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

### WPML support (translate the anchor)

There are two kinds for WPML translation.

Translate with “WordPress Editor”, not with “WPML Translation Editor”:
 WPML > Settings
> Translation Editor > Classic Translation Editor or Your site in admin / gutenberg
mode > right sidebar / Page > language > Translations > WordPress Editor

Other option but there is a bug, it doesn’t work for us?
 [wpml.org/faq](https://wpml.org/faq/)/
FAQ > How-To > “How can I translate links and HTML attributes in the Advanced Translation
Editor?” Search content: “http” [YouTube](https://wpml.org/announcements/2020/02/translating-links-with-advanced-translation-editor/)

### Can I use links within the Hyperlink Group Block?

No, that is illegal and causes errors in the renderd HTML.

## 評価

![](https://secure.gravatar.com/avatar/462cc53cb464d3b0ae6ffb6a4450fcda2f9435b9689db769ba5875f429b5295c?
s=60&d=retro&r=g)

### 󠀁[Incompatibility issue](https://wordpress.org/support/topic/incompatibility-issue-6/)󠁿

 [hellowpj](https://profiles.wordpress.org/hellowpj/) 2025年6月25日 1 reply

The unnecessary and non-urgent modification in 2.0.3 causes an incompatible problem.

![](https://secure.gravatar.com/avatar/27028546830ca0ad0bc2041763357b324c3a21dea4e1d01669099c25de77fab9?
s=60&d=retro&r=g)

### 󠀁[This should be a Core Block!](https://wordpress.org/support/topic/this-should-be-a-core-block/)󠁿

 [Ingo Steinke (openmindculture)](https://profiles.wordpress.org/openmindculture/)
2025年2月27日

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

![](https://secure.gravatar.com/avatar/c7c52f2e5d0b4dccf7f7ddaf6f567d1c99d659a0fc7ad4c76e1ab6f0d815ba74?
s=60&d=retro&r=g)

### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-needed-1350/)󠁿

 [marcizus](https://profiles.wordpress.org/marcizus/) 2024年10月23日

Easy to use. Thank you developer. Don't forget to remove links from inside the group.

![](https://secure.gravatar.com/avatar/b2630f1635f046600af04302e27abeafd14f91d0e121e157288d6189c02214cf?
s=60&d=retro&r=g)

### 󠀁[Well made and useful – perfect](https://wordpress.org/support/topic/well-made-and-useful-perfect/)󠁿

 [efrap](https://profiles.wordpress.org/efrap/) 2024年9月27日

Nicely put together. Will be using this block regularly. The 4 star review mentions
missing abitility to add title tag, but the excellent Attributes for Blocks plugin
will do that for you and more, for all your blocks.

![](https://secure.gravatar.com/avatar/e954f3c8752cf3d7c5874298f8698560af3ab23311bd4e5a18b990f1146a4345?
s=60&d=retro&r=g)

### 󠀁[Yay, worked great!](https://wordpress.org/support/topic/yay-worked-great/)󠁿

 [](https://profiles.wordpress.org/tracysurf/) 2024年7月13日

Thank you. I try to keep my sites lean and mean and appreciate that it's not bloated
and elegantly integrated. Nice job.

![](https://secure.gravatar.com/avatar/f9d0d29aa627ead1cf9dea1f7fbe3f600c1156aab0060db9379e3339355dc3aa?
s=60&d=retro&r=g)

### 󠀁[Works Perfectly Well](https://wordpress.org/support/topic/works-perfectly-well-21/)󠁿

 [Warren](https://profiles.wordpress.org/rabbitwordpress/) 2024年5月13日

Thanks for this, works great for me, no need to hand code blocks to wrap href's 
around divs etc…

 [ 13件のレビューをすべて表示 ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/)

## 貢献者と開発者

Hyperlink Group Block はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ Daniel Floeter ](https://profiles.wordpress.org/kometschuh/)

“Hyperlink Group Block” は1ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/hyperlink-group-block/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Hyperlink Group Block” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/hyperlink-group-block)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/hyperlink-group-block/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/hyperlink-group-block/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/hyperlink-group-block/)
を [RSS](https://plugins.trac.wordpress.org/log/hyperlink-group-block/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 2.0.5 – Feb 18th 2026

 * Set tab name to open link in the same tab

#### 2.0.4 – August 05th 2025

 * Update block.json’s API version

#### 2.0.3 – June 20th 2025

 * Replace classnames with clsx

#### 2.0.2 – May 11th 2025

 * Bugfix Escaping data

#### 2.0.1 – Jan 13th 2025

 * Support disable Force page reload with Query Loop

#### 2.0.0 – Nov 05th 2024

 * Title attribute

#### 1.17.6 – Oct 24th 2024

 * Bugfix Nested anchors
 * Escape output

#### 1.17.5 – April 5th 2024

 * Bugfix Extra quotes

#### 1.17.4 – April 3rd 2024

 * Bugfix Don’t render unless HTML

#### 1.17.3 – April 2nd 2024

 * Bugfix Delete deprecated

#### 1.17.2 – April 1st 2024

 * Aria-label

#### 1.17.1 – April 25th 2023

 * Bugfix No content

#### 1.1.6 – April 23th 2023

 * Bugfix Deprecated

#### 1.1.5 – April 19th 2023

 * Bugfix Styles don’t work

#### 1.1.4 – April 12th 2023

 * Bugfix Selector priority

#### 1.1.3 – April 12th 2023

 * Bugfix No CSS class

#### 1.1.2 – April 10th 2023

 * Bugfix Delete test code

#### 1.1.1 – April 06th 2023

 * Option Background Color onhover

#### 1.0.9 – March 24th 2023

 * Use link from Query Loop Block

#### 1.0.8 – August 20th 2022

 * Render CSS classes

#### 1.0.7 – August 20th 2022

 * No saving when adding CSS classes

#### 1.0.6 – March 07th 2022

 * Markup migration code

#### 1.0.5 – March 06th 2022

 * Backward compatible experimental flag usage

#### 1.0.4 – February 13th 2022

 * Delete inner anchor elements

#### 1.0.3 – February 04th 2022

 * Bugfix Disable focus if link picker is open
 * Bugfix Set color

#### 1.0.2 – February 04th 2022

 * Bugfix __experimental code deleted in Gutenberg 12.5

#### 1.0.1 – July 07th 2021

 * Transforms

#### 0.9.1 – July 06th 2021

 * Release

## メタ

 *  バージョン **2.0.5**
 *  最終更新日 **4か月前**
 *  有効インストール数 **7,000+**
 *  WordPress バージョン ** 6.6またはそれ以降 **
 *  検証済み最新バージョン: **7.0.6**
 *  PHP バージョン ** 7.0.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/hyperlink-group-block/)、[French (France)](https://fr.wordpress.org/plugins/hyperlink-group-block/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/hyperlink-group-block)
 * タグ
 * [anchor](https://ja.wordpress.org/plugins/tags/anchor/)[block](https://ja.wordpress.org/plugins/tags/block/)
   [gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)[hyperlink](https://ja.wordpress.org/plugins/tags/hyperlink/)
   [link](https://ja.wordpress.org/plugins/tags/link/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/hyperlink-group-block/advanced/)

## 評価

 5つ星中4.2つ星

 *  [  9 5-星レビュー     ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/?filter=5)
 *  [  2 4-星レビュー     ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/?filter=2)
 *  [  2 1-星レビュー     ](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/hyperlink-group-block/reviews/)

## 貢献者

 *   [ Daniel Floeter ](https://profiles.wordpress.org/kometschuh/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/hyperlink-group-block/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.com/donate/?hosted_button_id=RSR28JGA4M7JC)