Skip to main content

1.26.0 - Stretched Links make a whole card clickable

· 2 min read
Konstantin Brazhnik
Senior Full Stack Engineer @ Yoko Co

Version 1.26.0 adds Stretched Links: two block-editor toggles that make a whole container block clickable by expanding one link inside it to cover the container. The behavior now lives in Yoko Core instead of being rebuilt per site — the plugin owns the mechanic, the keyboard focus handling and the nested-link handling, and a theme styles one documented class. A link set to stretch with no container stays an ordinary link, and a new WP-CLI audit finds every misconfiguration across a site.

  • [FEATURE] Adds Stretched Links — turn on Use as stretched link container on a Group, Columns, or Column block, and Stretch link over container on a Button, Post Title, Heading, or Read More inside it, and the whole container follows that link. Other links inside the container keep working, and keyboard focus draws its ring around the container rather than the link text.
  • [FEATURE] Adds wp yoko stretched-links audit for finding links set to stretch with no container, containers holding nothing to stretch, and containers holding competing links — the cases that are invisible on the front end because the feature is designed to fail quietly.
  • [FEATURE] Adds the yoko_core_stretched_link_blocks and yoko_core_stretched_link_container_blocks filters for changing which blocks take part. Both lists feed the editor toggles and the render passes, so the two can never disagree.
Themes own the look

Yoko Core ships the click behavior and no hover styling at all. A stretched card is clickable immediately, but looks unchanged until the theme styles .yoko-link-container:hover — which is the point: the mechanic is written once here, and each theme keeps its own treatment.

Loop wrappers can never be containers

core/query, core/post-template, and core/comment-template are refused as containers even if a filter adds them. Each renders every item of a loop inside a single wrapper, so one overlay would cover an entire feed instead of one card.