Wholelink - Make Group, Column and Cover Blocks Clickable

开发者	mykytadudariev measuredcode
更新时间	2026年11月6日 17:28
PHP版本:	7.4 及以上
WordPress版本:	7.1
版权:	GPLv2 or later
版权网址:	版权信息

下载

1.0.0

详情介绍:

Wholelink makes a whole Group, Column or Cover block clickable. Select the block, press the link button in its toolbar and pick a page or paste a URL: visitors can now click anywhere on the block, not only on a heading or a button. It works with the Group block's Row, Stack and Grid variations, and it turns Query Loop post cards into clickable cards that each link to their own post. The block editor has no setting for this: a link can wrap text or a button, but not a whole Group, Column or Cover. Wholelink adds that setting to the core blocks you already use, so there is no extra wrapper block to insert and nothing to rebuild. How to use it

Link to a page or URL. Select a Group, Row, Stack, Grid, Column or Cover block, press the link button in the block toolbar and search for a page or post, or paste any URL. It is the same link box as on the Button block. You can also use Add link under Whole block link in the block settings.
Clickable Query Loop cards. Inside a Query Loop post template, select the Group that holds a post, press the link button and choose Link to this post at the top. Each card then links to its own post.
Link options. Open the link in a new tab or mark it nofollow or sponsored under Advanced in the link box, as on the Button block. Set a label for screen readers in the block settings.

What visitors get

The whole block is one link: click anywhere on it, middle-click or Ctrl/Cmd-click to open it in a new tab, or long-press to copy the link. It works with JavaScript turned off and search engines see a normal link.
Links, buttons and form fields inside the block keep working on their own, so a category link inside a post card still goes to the category.
The pointer cursor shows over the whole block and its headings are underlined on hover. Keyboard users reach the block with Tab and see a focus outline around the whole block.
Screen readers announce the link by your label, the post title in a Query Loop, the block's first heading or its text. When a block has no text, such as a Cover with only an image, the image description or the link address is used and the editor asks for a label.

Lightweight and safe to remove Wholelink renders a plain HTML link on the server and adds one small stylesheet only on pages that show a linked block. It loads no JavaScript on the front end, stores no settings and connects to no external service. The link settings live in the block's attributes, so deactivating or deleting the plugin leaves every block valid: the blocks simply stop being links.

安装:

Install Wholelink through the Plugins screen, or upload it to /wp-content/plugins/, and activate it.
Edit a post, page or template, select a Group, Column or Cover block and press the link button in its toolbar.

屏幕截图:

常见问题:

Which blocks can be made clickable?

The core Group block with its Row, Stack and Grid variations, the Column block and the Cover block. Other blocks, such as Columns as a whole or Media & Text, are not supported out of the box.

Can other blocks be made clickable?

Developers can add blocks with the wholelink_supported_blocks filter, for example in a theme's functions.php: add_filter( 'wholelink_supported_blocks', function ( $blocks ) { $blocks[] = 'core/media-text'; return $blocks; } ); The block then gets the same link button and settings. Only Group, Column and Cover are tested: a block added this way needs a single outer element, and some blocks may need extra CSS before clicks reach the link, so check it on your site.

I don't see the link button.

The button appears when the Group, Column or Cover itself is selected, not a heading or paragraph inside it. Click inside the block, then press Select parent (the first button of the block toolbar) until the toolbar shows Group, Row, Column or Cover, or pick the block in List View. The button is also in the block settings as Add link.

How do I make Query Loop post cards clickable?

Put the card's content in a Group inside the Query Loop's post template, select that Group, press the link button and choose Link to this post, or turn it on under Whole block link in the block settings. The option shows only inside a post template. If you move such a block out of the Query Loop, it is no longer a link, and the block settings offer to remove the setting.

Can visitors still select the text inside a linked block?

Not by dragging with the mouse: the link covers the whole block, so dragging over the text drags the link instead. Clickable cards built from a plain HTML link behave this way; the alternative, a click handler in JavaScript, is invisible to search engines and breaks middle-click.

What happens to my content if I deactivate or delete Wholelink?

Nothing breaks. The blocks open in the editor without "unexpected or invalid content" warnings and show on your site as before, just without the link. Wholelink stores nothing outside the blocks. If you activate it again, the links come back, unless you saved the post in the meantime: the editor then drops the link settings it no longer knows.

Does it work with my theme?

It works with block themes and classic themes, as long as the theme shows the block editor's Group, Column and Cover blocks. Its few lines of CSS load only on pages with a linked block. With a classic theme on WordPress before 6.9 they load at the end of the page, which works the same.

Does it add JavaScript to my site?

Only in the block editor. On the front end the link is plain HTML with a few lines of CSS.

更新日志: