Title: appiapp Clickable Container
Author: wpnote
Published: <strong>2025 年 4 月 23 日</strong>
Last modified: 2025 年 4 月 23 日

---

搜索插件

![](https://ps.w.org/appiapp-clickable-query-loop/assets/banner-772x250.png?rev=
3279896)

![](https://ps.w.org/appiapp-clickable-query-loop/assets/icon-256x256.jpg?rev=3351810)

# appiapp Clickable Container

 作者：[wpnote](https://profiles.wordpress.org/wpnote/)

[下载](https://downloads.wordpress.org/plugin/appiapp-clickable-query-loop.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/appiapp-clickable-query-loop/#description)
 * [评价](https://cn.wordpress.org/plugins/appiapp-clickable-query-loop/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/appiapp-clickable-query-loop/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/appiapp-clickable-query-loop/#developers)

 [支持](https://wordpress.org/support/plugin/appiapp-clickable-query-loop/)

## 描述

appiapp Clickable Container solves a common challenge in WordPress block editing–
making an entire block or group of blocks clickable as a single unit.

While this seems like it should be simple, it’s surprisingly difficult to implement
cleanly in WordPress, especially within Query Loops where you want each container
to link to its associated post.

**The Problem This Plugin Solves:**
 – You want to make an entire card or section
clickable (not just a button or title) – You need Clickable Container inside Query
Loops that automatically link to their respective posts

**How It Works:**
 Insert the appiApp Clickable Container block, then choose: 1.
Link type: – Custom URL (for any specific destination) – Current Post URL (automatically
links to the correct post in Query Loops)

 1. Implementation method:
 2.  * Absolute positioned link (clean implementation with nested elements)
     * Wrapper link (simple implementation for basic needs)
     * JavaScript method (most flexible, handles nested interactive elements)
 3. Additional options:
 4.  * Open in new tab
     * Add nofollow attribute

### Usage

#### Basic Usage

 1. Add the “AppiApp Clickable Container” block to your page
 2. Configure the link settings:
 3.  * Choose “Custom URL” and enter your destination, or
     * Choose “Current Post URL” if inside a Query Loop
 4. Select your preferred implementation method:
 5.  * JavaScript Method (recommended for complex containers)
     * Absolute Positioned Link (good balance for most cases)
     * Wrapper Link (simplest, but may have accessibility limitations)
 6. Add your content blocks inside the container
 7. Save and publish!

#### Inside Query Loops

 1. Create a Query Loop block
 2. Add the “appiApp Clickable Container” block inside the loop
 3. Select “Current Post URL” as the link type
 4. Add your content (images, text, etc.)
 5. Every container will automatically link to its respective post!

## 屏幕截图

 * [[
 * [[
 * [[

## 区块

该插件提供了 1 个区块.

 *   appiapp Clickable Container Container that makes its content clickable with
   a link to the current post in the query loop or custom link

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/appiapp-clickable-blocks-binding`
    directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Ensure that the AppiApp Clickable Container plugin is installed and active

## 常见问题

### How does this differ from just adding a button or link?

This plugin makes the entire block or container clickable as a single unit, creating
a more intuitive UX where users can click anywhere in a card or section. It’s particularly
useful for card-based layouts and list items.

### Which implementation method should I choose?

 * **JavaScript Method**: Best for containers with other interactive elements (links,
   buttons)
 * **Absolute Positioned Link**: Good balance between accessibility and functionality
 * **Wrapper Link**: Simplest implementation but may cause issues if you have other
   links inside

### Can I use this outside of Query Loops?

Absolutely! While especially valuable in Query Loops, you can use the custom URL
option anywhere to make content blocks clickable.

### Will this work with my theme?

Yes, the plugin works with any WordPress theme and is compatible with the block 
editor.

## 评价

此插件暂无评价。

## 贡献者及开发者

「appiapp Clickable Container」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ wpnote ](https://profiles.wordpress.org/wpnote/)

[帮助将「appiapp Clickable Container」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/appiapp-clickable-query-loop)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/appiapp-clickable-query-loop/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/appiapp-clickable-query-loop/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/appiapp-clickable-query-loop/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/appiapp-clickable-query-loop/)。

## 更新日志

#### 1.0.0

 * Initial release
 * Support for Query Loops with automatic post linking
 * Three implementation methods: JavaScript, Absolute Positioned, and Wrapper
 * Full compatibility with Block Bindings API
 * Options for opening in new tab and nofollow attribute

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**12 月前**
 *  活跃安装数量 **40+**
 *  WordPress 版本 ** 6.6 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/appiapp-clickable-query-loop/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[editor](https://cn.wordpress.org/plugins/tags/editor/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[query](https://cn.wordpress.org/plugins/tags/query/)
 *  [高级视图](https://cn.wordpress.org/plugins/appiapp-clickable-query-loop/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/appiapp-clickable-query-loop/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/appiapp-clickable-query-loop/reviews/)

## 贡献者

 *   [ wpnote ](https://profiles.wordpress.org/wpnote/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/appiapp-clickable-query-loop/)