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://ko.wordpress.org/plugins/appiapp-clickable-query-loop/#description)
 * [평가](https://ko.wordpress.org/plugins/appiapp-clickable-query-loop/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/appiapp-clickable-query-loop/#installation)
 * [개발](https://ko.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

## FAQ

### 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/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/appiapp-clickable-query-loop/)
을 [RSS](https://plugins.trac.wordpress.org/log/appiapp-clickable-query-loop/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 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**
 *  최근 업데이트: **1년 전**
 *  활성화된 설치 **50+**
 *  워드프레스 버전 ** 6.6 또는 그 이상 **
 *  다음까지 시험됨: **6.8.5**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/appiapp-clickable-query-loop/)
 * 태그:
 * [blocks](https://ko.wordpress.org/plugins/tags/blocks/)[editor](https://ko.wordpress.org/plugins/tags/editor/)
   [gutenberg](https://ko.wordpress.org/plugins/tags/gutenberg/)[query](https://ko.wordpress.org/plugins/tags/query/)
 *  [고급 보기](https://ko.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/)