appiapp Clickable Container

Description

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:

   • Absolute positioned link (clean implementation with nested elements)
   • Wrapper link (simple implementation for basic needs)
   • JavaScript method (most flexible, handles nested interactive elements)

2. Additional options:

   • 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:
   • Choose “Custom URL” and enter your destination, or
   • Choose “Current Post URL” if inside a Query Loop
3. 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)
4. Add your content blocks inside the container
5. 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!