AddQuicktagのおすすめタグと使い方!ブログ作業を効率化するプラグイン

AddQuicktagはhtmlコードや定型文をワンボタンで入力できるプラグインです。

装飾がワンボタンで行えるだけで、ブログの記事執筆が効率化できるので、使いこなせると良いですね。

本記事ではAddQuicktagの使い方やオススメ設定についてご紹介します。

AddQuicktagの利点

このプラグインを使うことで、ブログ記事中の文字の装飾が非常に楽になります。

 

文字の装飾は重要ですが、意外と手間のかかる作業です。

例えば、ブログの文字を赤太字にしたい場合、通常の操作だと

 

①文字を太字にする

②文字の色一覧から赤を選ぶ

 

という2ステップがかかります(これでもかなり楽ですが…)

 

その際にこのプラグインを使うことで、赤字+太字を同時に装飾できるようになります。

また、テキストエディターで見た時に、コードが短くて見やすくなるなどの利点があります。

AddQuicktagのインストール方法

>>プラグインの基本的なインストール方法の解説はこちら

プラグインの「新規追加」から「AddQuicktag」を検索します。

表示結果から該当プラグインをインストールして有効化してください。

AddQuicktagの設定方法

①「設定」>「AddQuicktag」をクリックします。

※インストールに成功していると、メニューに項目が追加されています。

 

②ボタンに設定したいコードを追加

表示されている上半分を使ってコードを追加していきます。

基本的には、上の画像赤枠の箇所を設定すればOKです。

今回は試しに、以下のように「赤太字」のコードを設定してみます。

ボタン名 : 赤太字
開始タグ : <strong><span style=”color: #ff0000;”>
終了タグ : </span></strong>
順番   : 1

コードを入力したら、「変更を保存」設定完了です。

これで、記事を書く際のエディターで使うことが出来ます。

AddQuicktagの使い方

ショートコードを挿入した文字を選択し、ビジュアルエディターの「Quicktags」をクリックします。

すると、登録したショートコードのボタン一覧が表示されるので、使いたいものをクリックすればOKです。

※選択した文字が「開始タグ」と「終了タグ」で挟まれます。

今回は選択した箇所がワンボタンで赤太字に変更できました。

オススメタグ一覧

注意してほしいのが、このプラグインはむやみにコードを登録すればいい訳ではないこと。

便利だからといってコードをあまり登録しすぎると、ボタンが多くなって逆に使いにくいです。

さらに、あまり装飾が多すぎても本当に重要なポイントがユーザーに伝わりにくくなってしまいます。

よく使う機能だけ登録するようにしましょう。

以下に、私がよく使用している登録ショートコードを載せておきます。

ボタン名 : 赤太字
開始タグ : <b><span style=”color: #ff0000;”>
終了タグ : </b></span>

ボタン名 : 黄蛍光ペン
開始タグ : <b><span style=”background-color: #ffff00;”>
終了タグ : </span></b>

ボタン名 : 赤字蛍光ペン
開始タグ : <b><span style=”background-color: #ffff00;”><span style=”color: #ff0000;”>
終了タグ : </span></span></b>