內容簡介
總結：appiapp Clickable Container 解決了 WordPress 區塊編輯中常見的挑戰 - 將整個區塊或一組區塊作為單一單位進行點擊。
問題與回答：
1. 這個外掛解決了什麼問題？
- 想要將整個卡片或區段設為可點擊（不只是按鈕或標題）
-需要在查詢循環（Query Loops）內的 Clickable Container 自動連結到相應的文章。
2. 該外掛如何運作？
- 插入 appiApp Clickable Container 區塊，然後選擇：
- 連結類型：
- 自訂網址（任何特定目的地）
- 目前文章網址（在查詢循環中自動連結到正確的文章）
3. 實施方法有哪些？
- 絕對定位的連結（具有嵌套元素的清潔實施方式）
- 包裝連結（基本需求的簡單實施方式）
- JavaScript 方法（最靈活，處理嵌套互動元素）
4. 有哪些額外選項？
- 在新分頁中開啟
- 添加 nofollow 屬性
5. 如何使用？
基本使用：
- 將「AppiApp Clickable Container」區塊添加到您的頁面
- 設置連結設定：
- 選擇「自訂網址」並輸入您的目的地，或
- 如果在查詢迴圈中，選擇「目前文章網址」
- 選擇您喜歡的實施方法：
- JavaScript 方法（複雜容器建議使用）
- 絕對定位的連結（適合大多數情況）
- 包裝連結（最簡單，但可能有無障礙問題）
- 在容器內添加您的內容區塊
- 儲存並發佈！
在查詢循環內部：
- 建立查詢迴圈區塊
- 將「appiApp Clickable Container」區塊添加到迴圈內
- 選擇「目前文章網址」作為連結類型
- 添加您的內容（圖片、文字等）
- 每個容器將自動連接到其相應的文章！
外掛標籤
開發者團隊
原文外掛簡介
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)
Implementation method:
Absolute positioned link (clean implementation with nested elements)
Wrapper link (simple implementation for basic needs)
JavaScript method (most flexible, handles nested interactive elements)
Additional options:
Open in new tab
Add nofollow attribute
Usage
Basic Usage
Add the “AppiApp Clickable Container” block to your page
Configure the link settings:
Choose “Custom URL” and enter your destination, or
Choose “Current Post URL” if inside a Query Loop
Select your preferred implementation method:
JavaScript Method (recommended for complex containers)
Absolute Positioned Link (good balance for most cases)
Wrapper Link (simplest, but may have accessibility limitations)
Add your content blocks inside the container
Save and publish!
Inside Query Loops
Create a Query Loop block
Add the “appiApp Clickable Container” block inside the loop
Select “Current Post URL” as the link type
Add your content (images, text, etc.)
Every container will automatically link to its respective post!
