Amazonで商品を見る セール会場へ

WordPress│グループブロックにリンク機能を拡張するプラグイン│Enable Linked Groups

実はWordPressのグループブロックにリンク機能を拡張するプラグインはいくつかあるのですが…

無駄に多機能だったり、WPのアップデートで使えなくなったりして、いままであまり良いのがなかったです。

しかし最近、単機能でいい感じに拡張しているプラグインを見つけたので紹介します。

サンプル

グループ全体を押すほか、カード内の「詳細を見る」リンクからも移動できます。キーボードではTabキーでリンクへ移動し、Enterキーで開けます。

ホームページ制作(Studio)

Studioをベースにオリジナルのサイトを新規制作します。

ホームページ制作(Studio)

サービス料金

  • 3ページ未満のホームページ200,000円~
  • 3ページ以上のホームページ※要お見積り

ホームページ制作(Studio)の詳細を見る

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

WordPressでグループブロックにリンク機能を拡張するプラグイン

Enable Linked Groupsというサンプルプラグインを使います。作者はWordPressの標準ブロックを拡張する実装例として公開しています。導入前に検証環境で利用中のWordPress・テーマとの組み合わせを確認します。

こちらはプラグイン検索では表示されません。

導入方法

下記のGithubから緑のボタンを押して、Download Zipでダウンロードしましょう。

あとはダウンロードしたZIPファイルを管理画面のプラグインメニューからアップロードしてあげるだけです。

ダウンロードしたZIPファイルをWordPressのプラグインメニューからアップロードする画面。
グループブロックのツールバーにリンクアイコンが表示された様子。

使い方

グループブロックにリンクアイコンが表示されているので、リンクを入れるだけです。

グループブロックのツールバーにリンクアイコンが表示され、リンク先を入力できる様子。

新しいタブを開くのオプションもあります。

グループブロックのリンク設定で新しいタブを開くオプションが表示されている画面。

以上です。

記事冒頭にサンプルがあるのでお試しください。

グループのリンク設定だけでキーボード操作まで完成したとは限りません。この公開見本では全体リンクがTab移動の対象外になるため、段落にも行き先のわかる通常リンクを設けています。作成時はグループ内に段落またはボタンのリンクを置き、クリックとTab・Enterの両方で移動を確認してください。解除するときはグループのリンク設定を削除し、通常リンクは必要に応じて残します。プラグイン停止後も通常リンクは利用できます。

  • URLをコピーしました!

プラグインの設定でお困りなら

プラグインの導入・カスタマイズ代行

プラグインの選定から設定、競合の解消、動作に合わせた追加実装まで承ります。1時間 ¥8,000〜(税込)。

WAZAの有料記事のサブスクリプションも開始しました。

サービス

Service

WordPressサイトのカスタマイズのサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次