AddQuicktagの設定と使い方|WordPressのおすすめプラグイン

BLOG WordPress

AddQuicktagを使いたい人「WordPressのおすすめプラグインの1つにAddQuicktagがあるらしい。でも使い方がさっぱり…。AddQuicktagの具体的な設定や使い方を教えて下さい。」

こういった疑問に答えます。

本記事の内容

  • AddQuicktagの設定と使い方|WordPressのおすすめプラグイン

こんにちは、ヒデハルです。
ブログ歴は1年半ほど。

WordPressでブログ運営をするなら、作業効率アップやSEO対策につながるプラグインを使いたいですよね。

そんなおすすめのプラグインは、WordPressでおすすめ&必須のプラグイン6選【ブログ初心者向け】にて紹介しています。

なかでもAddQuicktagは、記事執筆スピードをグンと高めてくれる便利プラグインで、使わないとゼッタイ損!

そこで今回は、AddQuicktagの設定と使い方を具体的に解説します。

AddQuicktagの設定と使い方|WordPressのおすすめプラグイン

AddQuicktagとは

AddQuicktagとは、よく使うHTMLコードをあらかじめ「クイックタグ」として登録しておき、記事作成時にワンクリックで挿入できるようにするプラグインです。

クイックタグとはこんなのですね↓

HTMLコードを手打ちしたり、メモ帳からコピペする必要がないので、記事作成スピードがアップします。

なお、先ほどの表示は、クラシックエディタ(のテキストエディタ)です。クラシックエディタとは、古い形式のエディタで、WordPress5.0からはGutenberg(グーテンベルク)というエディタに。

使ってる割合はこんな感じで、クラシックエディタ派の方がまだ主流みたい↓

クラシックエディタを導入したい方は、WordPressでおすすめ&必須のプラグイン6選【ブログ初心者向け】 をご覧下さい。

「いや、グーテンベルクでOK」という方は、本記事の後半、新エディタのグーテンベルグでAddQuicktagを使う方法 を参照あれ。

クイックタグを試しに使ってみる

プラグインのAddQuicktagを使う前に、デフォルトで入っているクイックタグを使って、イメージをつかみましょう。

テキストエディタ(クラシックエディタ)の場合

例えば「ブログを始めよう!」という文字を太字にする場合、その文字列を選択した後、[b]ボタンをクリックします↓

すると、「ブログを始めよう!」の前後にHTMLコードが挿入され↓

[プレビュー]ボタンを押すと、「ブログを始めよう!」が太字になりますね↓

こんな感じで、クイックタグを使えば、HTMLコードを手打ちする手間を省けて、記事執筆スピードがアップします。

そして、AddQuicktagを使えば、あなた独自のクイックタグを作れるので、さらに便利になるというわけです。

ビジュアルエディタ(クラシックエディタ)の場合

ビジュアルエディタなら、太字にするぐらいなら、クイックタグではなく「文字編集ボタン」でOK。

例えば以下のように[B]ボタンをクリックするだけなので↓

ですけど、テキストエディタと同様に、クイックタグをカスタマイズできればさらに便利になるので、引き続きご覧ください。

AddQuicktagの設定・使い方

クイックタグのイメージをつかめたところで、いよいよAddQuicktagを使ってみましょう。

AddQuicktagのインストール

まずはインストールから。WordPressの管理画面を開き、[プラグイン] > [新規追加] をクリックします↓

赤枠の検索窓に[AddQuicktag]と入力しましょう↓

AddQuicktagが表示されるので、[今すぐインストール]をクリックして下さい↓

インストールが終わったら、[有効化]をクリックします↓

AddQuicktagを使って、クイックタグを新規追加する

メニュー > [プラグイン] > AddQuicktagの[設定]をクリックして下さい↓

AddQuicktagの設定画面が表示されます↓

今回は例として、H2タグ(<h2></h2>)を追加してみます。

ボタンのラベルは「大見出し(H2)」として(任意)、開始タグに<h2>を、終了タグに</h2>を入力します。一番右側のチェックボックスにチェックを入れます↓

ダッシュアイコン、ラベル名、アクセスキー、順番は、空欄のままでもOK↓

アクセスキー:WindowsのInternet Explorer環境だと、「ショートカットキー」として登録できるみたい。登録するとALTボタン+設定したアクセスキーボタンで、指定したタグを表示できる。
順番:ここに入力した順番通りに表示される。順番は「0〜」を入力。空欄の場合、登録順に上から表示される。

画面下の方にある[変更を保存]をクリックして下さい↓

新規追加はこれでOK!

AddQuicktagで新規追加したクイックタグを使ってみる

テキストエディタ(クラシックエディタ)の場合

記事の編集ページを開いてみましょう。「大見出し(H2)」ボタンが新規に追加されてますね↓

ではこのクイックタグを使ってみましょう。

「ブログの始め方」をいう文字をH2タグに設定したい場合、その文字列を選択して、「大見出し(H2)」ボタンをクリックします↓

すると、「ブログの始め方」の前後にHTMLコードが挿入され↓

[プレビュー]ボタンを押すと、「ブログの始め方」がH2見出しになりました↓(注:お使いのブログテーマごとに装飾は異なる)

ビジュアルエディタの場合(クラシックエディタ版)

ビジュアルエディタの場合、「クイックタグが表示されない」とつまづくことが多いようです。

まずは「ツールバー切り替えボタン」をクリックして下さい↓

すると、クイックタグが表示されますね↓

先ほどと同様に、H2見出しにしたい文字列を選択して、クイックタグのプルダウンから「大見出し(H2)」をクリックして下さい↓

すると、表示が変わります↓

[プレビュー]ボタンを押すと、H2見出しになってことが確認できるでしょう↓(注:お使いのブログテーマごとに装飾は異なる)

クイックタグを削除する

クイックタグを削除する方法も紹介しておきます。

あなたが追加したクイックタグを削除する方法

一時的に無効にするだけなら、チェックを全て外して、画面下にある[変更を保存]をクリックすればOK↓

完全に削除にするなら、あなたが入力した項目を全て削除して、画面下にある[変更を保存]をクリックしましょう↓

デフォルトのクイックタグを削除する方法

元から入ってるデフォルトのクイックタグを非表示にするなら、以下の箇所で、チェックをつければOK

AddQuicktagを使って、定型文をクイックタグに追加する

クイックタグへの登録は、なにもHTMLコードに限定する必要はなく、定型文でもOKです。

例えば、よく使う導入の自己紹介文を登録しておくなど。終了タグは必須ではありませんので↓

こんな感じで楽ちん↓

新エディタのグーテンベルグでAddQuicktagを使う方法

2020/8月時点、AddQuicktagはグーテンベルグに対応してません。それでも使える方法があるので紹介します。

記事投稿画面で、+ボタンをクリックして↓

ブロック選択画面の中から、[フォーマット]をクリックして下さい↓

[クラシック]をクリックしましょう↓

すると、クイックタグが表示されます。これで、グーテンベルグでもAddQuicktagが使えますね↓

以上、AddQuicktagの使い方紹介でした。

まとめ:AddQuicktagの設定と使い方|WordPressのおすすめプラグイン

記事のポイントをまとめます。

  • AddQuicktagは、よく使うHTMLコードをクイックタグとして登録しておき、記事作成時にワンクリックで挿入できるプラグイン
  • HTMLコードをワンクリックで挿入できるので、手打ちしたり、メモ帳からコピペする必要がなく、記事作成スピードが上がる
  • WordPressでAddQuicktagのプラグインをインストールして有効にしたのち、設定画面でクイックタグを登録して使う
  • クラシックエディタ(ビジュアルエディタ・テキストエディタ)、グーテンベルグのどちらでも、AddQuicktagを使用できる

上記のとおり。

なお、AddQuicktag以外でおすすめのプラグインを知りたい方は、以下の記事をぜひどうぞ。

参考になれば幸いです😌

参考【まとめ】初心者が副業ブログアフィリエイトで月1万円稼ぐ方法

人気【まとめ】マコなり社長おすすめの本・グッズ・アイテム・サービス