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 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.

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

In the Advanced Tab link rel attributes can be set.

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 attributes
  • Option open in a new window
  • Set hover background color
  • Delete inner anchor elements

Contribute

While using this plugin if you find any bug or any conflict, please submit an issue at Github (If possible with a pull request).

螢幕擷圖

  • Hyperlink Group Block to group Blocks with an hyperlink.
  • Wrap Blocks with a link.
  • Rendered HTML.
  • Advanced Settings for rel attributes.
  • Transform Blocks into a group wrapped with an anchor tag

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • 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

常見問題集

Can I use links within the Hyperlink Group Block?

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

使用者評論

2024 年 5 月 13 日
Thanks for this, works great for me, no need to hand code blocks to wrap href’s around divs etc…
2024 年 3 月 20 日
Editor content disappeared when I activated this plugin. Deactivating solved my issue.
2023 年 7 月 10 日
A very helpful plugin for such a basic feature missing in WordPress…
2023 年 3 月 7 日
Very useful and easy to use plugin. Create a container surrounded by an <a> tag. Unfortunately there is no possibility to add the css class to the <a> tag which is applied only to the internal container. The ability to add the Title tag is also missing, but this is also missing in Gutenberg. Improvable. Thanks anyway to the developer for making it and making it available.
閱讀全部 8 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Hyperlink Group Block〉的開發相關工作。

參與者

將〈Hyperlink Group Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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