AddQuicktag
AddQuicktagとは、Wordpressの記事編集の際によく使用する編集ボタン(番号付き/無しリスト、リンク、画像表示など)を
投稿や固定ページなどで表示/非表示の切り替えや任意HTMLコードを編集ボタンとして追加し
記事作成の際に手動でタグ付けを行う手間や余計なボタンを非表示にし作業時間を短縮することが
できるプラグインになります。
本記事では、mixhostでクイックタグのカスタマイズが行えるAddQuicktagの設定方法について紹介します。
- 任意のHTMLコードをクイックタグへの追加
- デフォルトのクイックタグの表示/非表示を個別に指定
- 拡張コードボタンの追加
WordPressで使用されているテーマや他のプラグインによって編集ボタンに変更を
加えている場合、「AddQuicktag」が不要またはうまく機能しないことがあるので注意しましょう。
導入方法
プラグイン導入
WordPress管理画面より「①プラグイン欄:新規追加」→「②キーワードに【AddQuicktag】と入力」→「③【今すぐインストール】」→「④【有効化】」の順に選択しプラグインの有効化しましょう。
設定方法
設定画面へは、WordPress管理画面の【設定欄:AddQuicktag】をクリックし設定画面へ移動しましょう。
クイックタグの追加と削除
クイックタグの追加と削除について、任意HTMLコードを投稿編集画面のエディターなどにボタンが表示され
エディタの利便性を向上させることができます。
ここでは、<BLOCKQUOTE>という文字列を引用文として示す際に使用するクイックタグを作成手順を例に紹介します。
- ①ボタンのラベル、ダッシュアイコン、ラベル名
- ②開始タグ* と終了タグ(s)
- ③アクセスキーと並び順
- ④クイックタグの追加対象
①.ボタンのラベル名やアイコンの設定
この項目では、プラグインで追加するクイックタグの名前とアイコン及びマウスカーソルを
合わせて時に表示するラベルを設定することができます。
項目 | 内容 | 設定例 |
【必須】
ボタンのラベル |
追加したクイックタグの名称 | 引用 |
【任意】
ダッシュアイコン |
マウスカーソルを合わせた時に表示するアイコンを
指定する。 ※入力欄の横にあるメーターのアイコンから デフォルトで用意されているアイコンを選択可能。 |
dashicons-admin-comments |
【任意】
ラベル名 |
マウスカーソルを合わせた時に表示するラベルを
指定する。 |
範囲内の文字列を
字下げします。 |
②.開始タグ&終了タグの設定【必須項目】
HTMLコードとして追加するタグの開始部分と終了部分を分けて設定を行います。
また、この開始~終了タグの機能では、任意のショートコードをHTMLコードの代わりに登録することで
簡単に呼び出し記事に挿入することも可能です。
項目 | 設定例 |
開始タグ | <BLOCKQUOTE> |
終了タグ | </BLOCKQUOTE> |
③.アクセスキーと並び順の設定【任意項目】
アクセスキー(ショートカットキー)と並び順の指定をすることができます。
基本的には、「並び順」を任意の値に指定しアクセスキーの設定は不要です。
項目 | 内容 | 設定例 |
アクセスキー | 【ALT】キー+「任意のアクセスキー」で
ショートカットキーとして設定します。 ※ブラウザによって動作しないため不要です。 (FireFox、Chromeでは動作せず) |
空欄 |
並び順 | 【クイックタグの追加と削除】欄内での
追加したクイックタグの並び順を数字の低い順で 「0」から指定することができます。 |
0 |
④.クイックタグの追加対象を設定【必須項目】
クイックタグの表示箇所を指定するチェックボックスがあり、以下の表示画面から
表示させたい箇所にチェックマークを入れ「変更を保存」をクリックすれば設定完了となります。
項目名 | 表示画面 | 設定例 |
post | 投稿 | |
page | 固定ページ | |
attachment | 添付ファイル(メディアの編集) | 空欄 |
wp-block | ブロックエディタ | 空欄 |
comment | コメント | 空欄 |
edit-comment | コメント(クイック編集) | 空欄 |
widget | ウィジェット(テキストウィジェット) | 空欄 |
デフォルトのクイックタグを非表示にする
クイックタグをエディタに表示/非表示したい項目チェックマークを入れた箇所(投稿、固定ページなど)で
クイックタグを非表示にすることができます。
- strong:強調タグ(太字)
- em:強調タグ(斜体)
- link:リンクタグ
- block:引用タグ
- del:取り消し線タグ
- ins:追加テキストタグ
- img:画像表示タグ
- ul:リストタグ(番号無し)
- ol:リストタグ(番号有り)
- li:リストタグ
- code:コードタグ(ソースコード挿入)
- more:moreタグ(続きを読む)
- close:タグ終了タグ
- fullscreen:集中執筆モード(ビジュアルエディタの表示のみ)
表示/非表示の切り替え方法
任意の表示画面とクイックタグごとに項目のチェックを入れることで非表示にすることができます。
※設定を保存する場合は、設定画面内にいくつかある「変更を保存」から可能です。
項目名 | 表示画面 |
post | 投稿 |
page | 固定ページ |
attachment | 添付ファイル(メディアの編集) |
wp-block | ブロックエディタ |
comment | コメント |
edit-comment | コメント(クイック編集) |
widget | ウィジェット(テキストウィジェット) |
表示画面(記事編集)での非表示例
設定画面でチェックマークを入れた表示画面から対象のクイックタグ表示されなくなります。
※fullscreen(集中執筆モード)はビジュアルエディタのみ非表示になります。
拡張コードクイックタグボタン
拡張コードクイックタグボタンの項目では、以下の2つクイックタグをチェックマークを入れた
箇所に追加を行います。
ボタン名 | 内容 |
pre | 整形済みテキストを表すタグで、例えば改行タグを
使用しなくてもエディタ上で「Enter」の改行や半角スペースなど そのまま表示されるようになり、折り返しもされなくなるので ソースコードなどの表示などに使用されます。 |
htmlentities | 文字列をHTMLエンティティに変換を行う
「HTML Entities」とHTMLエンティティから文字列へ 戻す「Decode HTML」の2つのボタンを追加します。 |
インポート/エクスポート
インポート及びエクスポートの機能を使用することで、WordPressの他のサイトから設定の取込と読込を
行うことができ設定ファイルを保存しておくことでバックアップを行えます。