前言介紹
- 這款 WordPress 外掛「appiapp Clickable Container」是 2025-04-22 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-04-23，距離現在已有 10 天。
- 外掛最低要求 WordPress 6.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
wpnote |
外掛標籤
query | blocks | editor | binding | gutenberg |
內容簡介
總結：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!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「appiapp Clickable Container」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。