WordPress

AddQuickTagの使い方を紹介!入れるべきタグも教えます

みなさんこんにちは、ズボラ神です(@shokoofficial1)

記事を作成するとき、HTMLタグの入力がめんどくさいってことありませんか?

マーカーと太字で装飾したい時など、クリックだけで2つ同時に装飾できたらとても楽ですよね。

そこでマーカー+太字を同時装飾を実現するAddQuickTagプラグインを紹介します!

今回は、タグを簡単に呼び込めるAddQuickTagの使い方紹介と、入れるべきタグも紹介していきます。

この記事はこんな人におすすめ
  • 記事に簡単にタグを呼び込みたい
  • 記事装飾時間を減らしたい
  • AddQuickTagの使い方を知りたい

AddQuickTagってなに?

AddQuickTagとは、タグをクリックだけで呼び出すことのできるプラグインです。

元々私は、TinyMCEテンプレートで、吹き出しなどのコードを挿入していました。

>>>クリックだけで簡単に吹き出しを挿入する方法

しかし、TinyMCEテンプレートはタグを入れる時に機能しないことが判明しました

うまくタグをよみこむことができなかったため、結局AddQuickTagを使用することになりました。

Baby
Baby
最初からAddQuickTag
使えばよかったな!
ズボラ神
ズボラ神
それは言わないで?

AddQuickTagの使い方

AddQuickTagですが、ぱっと見はめんどくさそうだと感じましたが、使ってみたらとても簡単でした。

AddQuickTagの使い方を紹介していきます。

AddQuickTagのインストール

プラグイン」→「新規追加」を押してAddQuickTagプラグインをインストールしていきます。

“AddQuickTag”で検索し、「今すぐインストール」をクリック。

すぐ「有効化」を押しましょう!

AddQuickTagの設定方法

有効化ができたら「プラグイン」→AddQuickTagの「設定」でタグの登録を行っていきます。

ズボラ神
ズボラ神
設定を押すとこんな画面になるよ!
変更が必要な箇所
  • ボタン名
  • 開始タグ
  • 終了タグ
  • チェックボタン

この4ヶ所を変更してタグを登録していきます。

太字<b>タグを登録してみる

今回は例として太字<b> タグを登録してみます。

入力例

  • ボタン名:太字
  • 開始タグ:<b>
  • 終了タグ:</b>

最後に一番右のチェックを入れることをお忘れなく!

入力が完了したら「変更を保存」をクリックして登録完了!

登録は1つずつしかできません!1つ登録するごとに登録項目枠が増えていきます。

登録したタグの使い方

投稿」→「新規追加」で記事作成画面を開くと、右上に「Quicktags」というのが追加されています。

  1. 太字にしたい文字を選択(ドラック)
  2. Quicktagsから登録したタグを選択

これだけの作業で文字が太字になります。

ズボラ神
ズボラ神
とっても簡単!

AddQuickTagに入れるべき便利なタグ

AddQuickTagプラグインを使えばマーカー+太字などの装飾もクリック1つで出来るようになります

AddQuickTagに入れるべき便利なタグを紹介していきます。

JINで使用できるタグです。他のテーマでは表示されない可能性もあるのでご注意ください。
開始タグ終了タグ
bタグ
(ただの太字)
<b></b>
太字
(赤)
<span class=”bold-red”></span>
マーカー1<span class=”marker”></span>
マーカー2<span class=”marker”></span>
太字
(マーカー1)
<strong class=”marker”></strong>
太字
(マーカー2)
<strong class=”marker2″></strong>

私のワードプレステーマはJINですので、マーカー表記はこのままで表示されます。

テーマによって表示されないことがあります。そんな時はスタイルシートへの記述が必要です。

マーカーが表示されない時などは「追加CSS」にCSSコードを追加してください。

 

太字<b>タグを登録する理由

太字<b>タグを登録する理由は、<strong>タグの多様を避けるためです。

デフォルトの「Bボタン」は<strong>タグになります。

<strong>はSEO的に有利なワードだけに使うのが適切とされていて、多様すべきではないタグです。

しかし、文章を読みやすくするには、太文字も上手に散りばめていきたいです。

私の場合、吹き出し内の言葉やボックスの中も全て太字にしています。

そのため、SEO的に影響のない<b>タグを利用します。

AddQuickTagで作業時間を短縮しよう!

AddQuickタグの使い方と便利なタグを紹介しました。

子育て中のママや、お仕事をしながらブログをしている方はなるべく作業時間を短縮したいですよね。

AddQuickTagを使えば、作業時間をかなり短縮できます!

ぜひ活用してくてください♪

ズボラ神
ズボラ神
この記事を書いたのはまるこです(@shokoofficial1)
よかったらTwitterフォローしてね♪

 

ABOUT ME
ズボラ神まるこ
1992年生まれ。田舎住みのフルタイムワーママ。 子供3人の育児をしながら、ブログを趣味として更新しています。 ちょっとお小遣いを稼ぎたい主婦のためにこのサイトを運営しています。

COMMENT

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください