AddQuicktagの設定方法と使い方！よく使うショートコードを登録して効率化しよう！

2024年2月14日

ワードプレスで記事を書く際に、いつもテンプレのように使っている装飾やデザインなどがあると思いますが、

毎回、ショートコードをコピペするのはちょっと面倒ですよね。

例えば、この吹き出しを使うために毎回別の記事からコピペしてきたりしてませんか？

こんなときに便利なのが、ショートコード・タグを登録して簡単に呼び出せるプラグイン「AddQuicktag」です！

この吹き出しもワンクリックで表示できます！

この記事では、プラグイン「AddQuicktag」の設定方法と使い方について解説します。

AddQuicktagのインストールと有効化

まずは、プラグイン「AddQuicktag」をインストールして有効化します。

ワードプレス管理画面
プラグイン
新規追加
「AddQuicktag」と検索
今すぐインストール
有効化

AddQuicktagの設定方法

プラグインのインストールと有効化が完了したら「AddQuicktag」の設定画面に進みます。

ワードプレス管理画面
設定
AddQuicktag

下記のような設定画面に移動するので、ショートカットに設定したいタグを作成します。

①「ボタン名」を設定する

「ボタン名」には、作成するボタン名を設定します。

「AddQuicktag」を設定すると編集画面のツールバーに「Quicktag」のボタンが追加され、

その中に「AddQuicktag」で設定したボタンが追加されるようになります。

「ボタン名」は、設定したショートコードのボタン名になります。

ボタン名は後から変更可能です。

② 「開始タグ」にショートカットで呼び出したいコードを設定する

「開始タグ」には、ショートカットで呼び出したいタグ(コード)を設定します。

例えば、この「吹き出し」を設定したい場合は…

吹き出しを表現するショートコードをコピーして「開始タグ」に貼り付けます。

ショートタグをコピー

開始タグに貼り付け

萌子

吹き出しの他にも「アドセンス広告」や「テンプレで使う表」など、よく使うコードを設定しておくと便利ですよ！

アドセンス広告のショートコード

プロフィール用の表のテンプレ

氏名
生年月日
出身地
身長
事務所
Twitter
Instagram

上記の表を「AddQuicktag」に登録する場合は、表を表現するコードを「開始タグ」に貼り付ければOKです。

上記の表のコード

<table class=”cps-table03″ style=”width: 100%; height: 133px;”>
<tbody>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>氏名</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>生年月日</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>出身地</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>身長</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>事務所</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>Twitter</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
<tr style=”height: 19px;”>
<th style=”height: 19px;”>Instagram</th>
<td class=”rankinginfo” style=”height: 19px;”></td>
</tr>
</tbody>
</table>