Link container
v1.0 Creator

Detailed description

The Link Container block for Hexatenberg is a clickable wrapper built for WordPress Gutenberg. You can design a card using native blocks (heading, text, image, columns, icons, visual buttons), and the frontend output becomes a single <a> element. This gives you a clean, scalable way to create interactive cards without custom HTML hacks or extra JavaScript.

This pattern solves a common design and SEO challenge: small links inside large visual cards are harder to use, especially on mobile. With Link Container, the whole component becomes clickable, improving usability and reducing interaction friction. It works great for editorial websites, business pages, portfolios, and e-commerce layouts where card-based navigation is central.

Why use Link Container in Gutenberg

  • Keep the native visual editing workflow.
  • Build like Group/Row blocks while getting real link behavior.
  • Improve component consistency and accessibility.
  • Maintain a cleaner structure with one block and one link logic.

Available settings

  • Internal or external URL.
  • Open link in a new tab.
  • rel="nofollow" toggle for SEO workflows.
  • Optional aria-label for assistive technologies.
  • Native Gutenberg style controls: color, typography, spacing, border, shadow, and dimensions (theme-dependent).

UX and SEO benefits

Clickable cards help users navigate faster and discover more relevant content. From an SEO perspective, this supports stronger internal linking architecture and can improve engagement signals (page depth, interaction rate), especially on pages using service cards, post grids, and resource sections.

Recommended use cases

  • Service cards on homepages.
  • “Related articles” card sections.
  • Category navigation tiles.
  • Feature and pricing cards.
  • Landing page navigation modules.

Link Container is designed to be easy to adopt, clean in output, and effective for conversion-driven layouts. It is a practical building block for any professional Gutenberg workflow focused on performance, clarity, and scalable design systems.

Performance

Zero useless scripts, Vanilla JS only.

Native Gutenberg

WCAG compliance for all users.

Creator Vanilla JS

Link container

JS Weight

< 2kb

Version

1.0

WCAG

WCAG 2.1 AA

1

Likes

0

Downloads

Dependencies None
License Creator
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.