WP Manifestindependent plugin directory
manifest / editor / link-settings-plus

Link Settings Plus

すべての LinkControl 下部にカスタムUIを追加。コア改変なし。

by Webnist & ギャルル · github.com/webnist/link-settings-plus

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/webnist/link-settings-plus/archive/refs/heads/main.zip

Gutenberg のリンクポップオーバーに独自 UI を差し込み、各リンクへアイコンなどの追加設定を付与できるようにするプラグインです。src/editor.js ではブロック編集画面での挙動をカスタマイズしています。

主な処理(src/editor.js)

  • すべてのブロックに _lspLinks 属性を登録し、リンクごとの設定(例: アイコン種別)を保存。
  • BlockEdit をラップして RichText 内のリンクへ保存済み設定を即時反映。URL・テキスト・インデックスを組み合わせた ID で正確にリンクを特定。
  • コアの LinkControl が編集モードへ移行したタイミングを監視し、ポップオーバー表示中のみカスタム UI をマウント。
  • 本体と iframe キャンバス双方で選択中のリンクを追跡し、選択変更時には UI 状態をリセット。
  • カスタム UI の展開状態や保存処理を管理し、ユーザー操作の結果を _lspLinks に書き戻す。

ビルドスクリプト

  • npm run start : wp-scripts の開発モードを実行し、build/ にアセットを書き出し。
  • npm run build : 本番用アセットを build/ へ生成。
  • npm run clean : build/ 内の生成物を削除。