Install
Upload it under Plugins → Add New Plugin → Upload Plugin, then activate.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/atsushia/next-query-loop-link-target/releases/download/1.0.0/NExT-Query-Loop-Link-Target-1.0.0.zipNo built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
クエリーループブロック(core/query)のインスペクターパネルに 「新しいタブでリンクを開く」 トグルを追加する WordPress プラグインです。
機能
- クエリーループブロックの設定サイドバーに「リンクターゲット」パネルを追加
- トグルをオンにすると、そのクエリーループ内のすべての
<a>タグにtarget="_blank" rel="noopener noreferrer"が付与される - すでに
target属性が指定されているリンクは変更されない
セットアップ
依存パッケージのインストールとビルド
cd /path/to/NExT-Query-Loop-Link-Target
npm install
npm run build
開発時(ファイル変更を監視)
npm start
プレフィックス
| 種別 | 値 |
|---|---|
| PHP 関数・フック | nqllt_ |
| JS フィルター namespace | nqllt/ |
| ブロック属性キー | nqlltOpenInNewTab |
| スクリプトハンドル | nqllt-editor |
| テキストドメイン | nqllt |
ファイル構成
NExT-Query-Loop-Link-Target/
├── nqllt.php # メインプラグインファイル
├── src/
│ └── index.js # エディター拡張 JS(JSX)
├── build/ # ビルド後に生成される(git 管理外推奨)
│ ├── index.js
│ └── index.asset.php
└── package.json
仕組み
- JS(エディター側):
blocks.registerBlockTypeフィルターでcore/queryブロックにnqlltOpenInNewTab(boolean)属性を追加し、editor.BlockEditフィルターでインスペクターにトグルコントロールを表示する。 - PHP(フロントエンド側):
render_block_core/queryフィルターで、属性がtrueのときレンダリング済み HTML 内の<a>タグにtarget="_blank"を付与する。
Releases
1 release. Each count is every asset in that release; expand a row for the breakdown.
Tag
Published
Assets
Downloads