「グループ」ブロック全体をリンクとして設定する方法

以下の手順で設定します。

1. 「カラム」ブロックを配置します。
2. カラム内に一纏めにしたいブロックを配置します。
   その際、「段落」ブロックで入力したテキストの1つに必ずリンクを設定します。
3. カラムの高度な設定→追加CSSクラスにmy-linkと入力します。
   グループも同様に、一纏めにしたブロックに対して追加CSSクラスを設定します。

以下のコードをjavascript.jsに追加します。

jQuery(function($) {
  // クリックした場合
  $('.my-link').on('click', function() {
    // グループ内のリンク情報を取得
    var $link = $(this).find('a');
    var href = $link.attr('href');
    var target = $link.attr('target') || '_self';

    if (href) {
      window.open(href, target);
    }
  });
});

以下のコードをstyle.cssに追加します。

.my-link:has(a) {
  cursor: pointer;
}

.my-link a {
  color: unset;
  pointer-events: none;
  text-decoration: none;
}