Link Settings Plus
すべての LinkControl 下部にカスタムUIを追加。コア改変なし。
★ 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.zipGutenberg のリンクポップオーバーに独自 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/内の生成物を削除。