ブログで生きてます。ヒトデです

hitodeblogでは、最高月収2500万円を稼いだ経験のあるプロが、

「ブログの始め方」を何処よりもわかりやすく、初心者でも全く問題ないように解説します

ヒトデ君
ヒトデ君
ブログの作り方
PR

【2024年6月版】AddQuicktagの設定方法と最新の使い方を初心者にもわかりやすく解説!

turedure
記事内に商品プロモーションを含む場合があります

2024年6月9日更新:操作手順画像を最新の物にしました

  • 「装飾コードをいちいち書くのが面倒臭い…」
  • 「使いたいコードの記述を忘れてしまった…」
  • 「もっと簡単にブログ・サイトの装飾をできないかな??」

そんなときに役に立つプラグインが「AddQuicktag」(アドクイックタグ)です

このプラグインを利用すれば、ボタン一つで簡単に文章に装飾ができます

この記事では「AddQuicktag」のインストール方法から設定方法、タグの登録方法までを初心者にもわかりやすく紹介します

ヒトデ君
ヒトデ君

「AddQuicktag」は、面倒臭がりの人にはオススメのプラグインだよ〜

他のワードプレスおすすめプラグインはこちらの記事をどうぞ▼

あわせて読みたい
【ワードプレス】おすすめプラグインを8つ紹介!ブログ運営をもっと便利に!
【ワードプレス】おすすめプラグインを8つ紹介!ブログ運営をもっと便利に!

AddQuicktagとは

「AddQuicktag」(アドクイックタグ)とは一言で説明すると

ワンプッシュでお気に入りの装飾ができるようになるプラグイン

です

例えば「AddQuicktag」に文字を小さくするコードを登録しておけば、いちいち

<span style=”font-size:70%”></span>

などのようにコードを入力しなくても、ボタン一つで文字を小さくすることができます

ヒトデ君
ヒトデ君

毎回長いコードを書かなくても、ワンプッシュで装飾ができるようになるんだよっ

つまりこのプラグインを使用すれば、記事制作時間を圧倒的に短縮することができるようになります

ヒトデ君
ヒトデ君

これからインストールと使いかたを詳しく解説していくよっ

AddQuicktagのインストール方法

WordPressの管理画面にログインし、左メニューの

「プラグイン」 → 「新規プラグインを追加」

とクリックしていきます

その後、右上の検索窓に「AddQuicktag」と入力すると、AddkQuicktagのプラグインが表示されます

そちらの「今すぐインストール」をクリックします

インストールが完了すると、「有効化」の文字が表示されます

こちらをクリックして、プラグインを有効化させます

ヒトデ君
ヒトデ君

次の章でタグの設定方法などを詳しく解説していくよ〜

AddQuicktagの設定方法

それでは実際にタグを設定していきます

今回は文字を小さくするコード

<span style=”font-size: 70%;”>ここに文字を入れる</span>

を呼び出すボタンを設定していきます

WordPress管理画面の左メニューで

「設定」 → 「AddQuicktag」

とクリックします

上記画面で

  1. ボタンラベルに「小文字変換」と入力(ラベルは好きな文字でOK!!)
  2. 開始タグに<span style=”font-size: 70%;”>と入力
  3. 終了タグに</span>と入力
  4. 一番右にチェックを入れ、全てにチェックを入れる

という流れで設定し、最後に「変更を保存」をクリックします

その後、上記のように「設定を保存しました。」と表示されればOKです

これでタグの設定は完了です

しかし、「変更を保存」を押した後に

上記のように「閲覧できません(Forbidden access)」と表示されてしまった場合はタグ設定が保存されていません

この場合の解決方法を、次の章で説明します

→AddQuicktagの設定ができた方はこちら

閲覧できません(Forbidden access)と表示されてしまった場合

例えば、「ConoHa WING」のサーバーを使用している場合上記のように

閲覧できません(Forbidden access)

と表示される場合があります

この場合は、ConoHa WINGのWAFの設定をOFFに設定する必要があります

まずは、ConoHa WINGの管理ページにアクセスします

まず、左メニューの「サイト管理」をクリックします

その後、AddQuicktagを設定したサイトか確認し、「サイトセキュリティ」をクリックします

ヒトデ君
ヒトデ君

もし、違うサイトの管理画面の場合は

切り替えボタンから設定したいサイトに切り替えようっ

その後、「WAF」をクリックし、利用設定をOFFにします

こうすることで、先ほどのエラーがなくなり、タグボタンを登録できるようになります

ちなみにWAFはサイトを攻撃から守ってくれるシステムです

したがって、タグの編集、設定後はONに戻しましょう

ヒトデ君
ヒトデ君

タグを新たに追加したり、編集するときだけOFFにする感じ!!

AddQuicktagの基本的な使い方

それでは実際に投稿画面でどのようにAddQuicktagを利用するのかお見せします

今回は

  • ブロックエディターの場合
  • クラッシックエディターの場合

の2パターンについて、使用方法を解説していきます

ブロックエディターの場合

投稿画面を開き、上記の「+」アイコンをクリックします。
(「+」アイコンをクリックすると画像のように「×」アイコンに変わります)

そして、「クラシック」をクリックします

クラシックの枠内をクリックします

すると上記のような画面になるので、装飾したい文字を入力し、選択します

もし、「Quicktags」が表示されていない場合は

上記「ツールバー切り替えボタン」をクリックすると表示されます

「Quicktags」をクリックし、登録したラベル名をクリックします

すると、登録したタグが反映され、テキストが小さく装飾されます

クラシックエディターの場合

Classic Editorを有効化している場合の

  • ビジュアルエディターの場合
  • テキストエディターの場合

利用方法をそれぞれ説明します。

ビジュアルエディターの場合

投稿の編集画面で装飾したいテキストを選択します

そして「Quicktags」をクリックし、登録したラベル名をクリックします

すると上記のように登録したタグが反映され、テキストが小さく装飾されます

テキストエディターの場合

投稿の編集画面で装飾したいテキストを選択します

そして登録したラベル名をクリックします

すると上記のように、登録したコードで装飾されます

【応用編】テーマのコードを登録しておくととっても楽だよ

例えばWordPressにはテーマ毎に登録してあるコードなどがあります

それらをAddQuicktagに登録しておけば、簡単にコードを利用できるので、おすすめです

例えばhitodeblogのテーマ「JIN」には注意点の装飾コードがありますが

上記のように「AddQuicktag」に登録しておけば

編集画面で装飾したいテキストを選択肢、「注意点」ボタンをクリックするだけで

こんな感じで一発でコードを入力でき

とっても簡単に装飾することが可能なのです

ヒトデ君
ヒトデ君

下記記事のようなテーマごとのショートコードを網羅している記事を参考に、

必要なものを登録しておこうっ

↓こちらはテーマJINのショートコード一覧記事↓
https://yuya-life.com/wordpress-jin-short-code-list/

まとめ:AddQuicktagを活用して、効率よく記事を書こう!!

AddQuicktagを活用すれば、ブログやサイトの記事作成が格段に早くなります

普段よく使うコードを登録しておいて、サクサクと記事を書いていきましょう!

他のワードプレスおすすめプラグインはこちらの記事をどうぞ▼

あわせて読みたい
【ワードプレス】おすすめプラグインを8つ紹介!ブログ運営をもっと便利に!
【ワードプレス】おすすめプラグインを8つ紹介!ブログ運営をもっと便利に!

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

  1. ゆっきぃ

    こんにちは。
    いけっちさんと同じところで 困っています。

    「1つ前のバージョンに戻す」 にはどうすればいいですか??

    1つ前のバージョンにしたら 「Quicktags」 を選択できるようになりますか?
    今は Quicktags を選択する項目が表示されません・・・

    よろしくお願いします。

    • hitode99

      ゆっきぃさん
      プラグインの不具合らしいですね

      WP Rollbackというプラグインを使うと簡単にダウングレード出来ます
      インストールして有効化すると、プラグイン一覧ページの各プラグインに「Rollback」というリンクが追加されます。
      このリンクをクリックすると、バージョンを指定して変更できます

      一覧から変更したいバージョンを選択して、下部の「Rollback」をクリック
      今回は2.5.1を選択→「Rollback」をクリックでいけると思います

  2. いけっち

    AddQuicktagの基本的な使い方まで順調にいったのですが、”+”を押した後、”フォーマット”をクリックを選択できるようなウインドウが出てこないのですが、何かそこまでの設定が間違えているのでしょうか。恐れ入りますがご教示いただけますと幸いです。

    • hitode99

      いけっちさん
      どうやら、今のバージョンは不具合が多いみたいです
      1つ前のバージョンに戻すか、修正版が出るまで待つのが良いと思います!

無料のブログ講座!

スキマ時間にブログを学ぼう

公式LINEに登録すると、ブログ運営で上手くいく方法や、ブログで稼ぐための情報が手に入ります

  • 無料で当サイトや動画の内容をまとめたブログ講座が受けられる
  • ヒトデからブログ運営に役立つ情報や、有益な情報が送られてくる
  • ヒトデに直接ブログのことを質問ができる
  • 無料のセミナー動画が視聴できる

毎日たくさんのメッセージをいただくので返信には時間がかかりますが、必ずすべて見て返信しています。

完全無料で不要になったらすぐにブロック等出来るので、是非気軽にご登録ください。

記事URLをコピーしました