時間短縮！誰でも出来るWordPressブロガー必須のプラグイン AddQuickTag

時間短縮、してますか？

1記事書こうと思うと最低1000文字ぐらいから、多いと1万文字を超える人が居るそうです。

そんな時、少しでも時間短縮ができれば・・・！ということで役に立つのがWordpressで使用できるプラグイン、「AddQuicktag」（アッド クイックタグ）です。

直訳すると「高速タグ追加」でしょうか！？

なにそれ難しい・・・という人も問題ありません。左から右へ同じようにコピーすれば誰でも同じように使用できます。10分ぐらいが目安です。

 

AddQuicktag を使うとどうなるの？

テキストの装飾が一瞬で出来ます！！！もっと噛み砕いて言うと、太字にしたり斜体にしたり、下線をつけたり赤文字にしたり・・・。

こういった文字装飾がボタンひとつで出来るようになる、という優れものです！

本来ならば、「赤文字」という文字を赤色にする場合

という呪文のようなものを記載しなければいけません。

これをあらかじめタグボタンとして登録しておくことで、クリックひとつで発動できるということです。

わざわざ<font size・・・とタイピングしなくても、赤文字にしたい文章を選択（反転）して、ボタンを押すことで簡単に出来てしまいます。

まさに時間短縮！！！！

タグの仕組みを理解しよう

すぐに登録～～！したいところですが、まずタグの仕組みを知らないことには始まりません。

タグは基本的に全て↓のような形になっています。

・開始タグと終了タグは同じでなければいけません
・終了タグは必ず / （スラッシュ）がタグの前に付きます

例
<strong>太字にしてみました</strong>
<em>斜体は読みにくい？</em>
<u>下線を引きましょう</u>
<font color=”red”>赤文字です！</font>

↓これがこうなります↓

太字にしてみました
斜体は読みにくい？
下線を引きましょう
赤文字です！

※赤文字だけ「color=”red”」というオマケがついていますが、これはフォントに赤色を付けますよというおまじないです。（属性といいますがここでは割愛します）

タグとタグで文字を包むことで、文字が装飾することが分かりました。

ではタグという言葉を覚えたところで、ついに「AddQuicktag」を導入してみましょう！

 

AddQuicktagのインストールと設定

WordPressを使用してプラグインをいくつか入れた人にはお馴染みの作業ですが、順に説明していきます。

まずはインストールから（目安：３分）

↑Wordpressの管理画面（ホーム）から、「プラグイン」＞「新規追加」を選択

↑
①　検索欄で「Addquicktag」と入力（エンターキーを押さなくとも勝手に検索してくれます）

②　緑色のアイコンに「AddQuicktag」と書かれていることを確認
③　「今すぐインストール」ボタンをクリック！

 

↑インストールした後は必ず「有効化」しなければ機能してくれません。「有効化」ボタンをクリック！

タグの作成！（目安：７分）

↑有効化するとプラグイン一覧の画面に飛ぶので、「AddQuicktag」の「設定」をクリック！
一覧に飛ばない場合はWordpressホーム画面の「プラグイン」＞「インストール済みプラグイン」へ行きましょう。

 

↑さあいよいよタグの登録です！ここでば下線をつけるタグを作成してみたいと思います。
①　タグ名を入力しましょう。ひと目で分かりやすい名前がいいですね！
②　先程勉強した「開始タグ」と「終了タグ」が出てきました！「<u>」と「</u>」で包むことで下線がつきます。それぞれ入力してあげましょう。

③　一番右のチェックボックスをクリックすることで、すべての項目にチェックが付きます。
④　最後は「変更を保存」をクリック！←結構忘れがちです。

 

補足事項

③のチェックの意味は？
↑これはWordpress内のどの場面で使用するか？という項目です。作成するページによって使い分けたい人以外はすべてチェックでOKです。

参考：その他の項目は？
ダッシュアイコン：ラベル名を入力しない場合、アイコンが表示されます。
ラベル名：ボタンの上にカーソルを合わせた際に説明文を表示することが出来ます。
アクセスキー：指定することでショートカットとして使用できます。
順番：メニューから選択する際、上から何番目に表示するかを指定できます。

これでタグの作成が出来ました。次は実際に使ってみましょう！

 

作成したタグを実際に使ってみよう！

↑Wordpressの「投稿」から「新規作成」を選んでみてください。※編集モードは「ビジュアル」ではなく「テキスト」で使用します
写真のように「下線」タグが作成出来たことが確認できます！

 

↑それでは適当に文章を書いて選択（反転）して・・・・「下線」ボタンを押すと

 

↑タグが付きました！！！

 

プレビューで見てみるとこんな感じです。

あなたもこれで次回の記事作成から、ボタンクリックで簡単タグ挿入！！！

 

あとがき（実際に使ってみて）

既に使用してる人には大したことないことかも知れませんが、導入してみてめちゃくちゃ楽になりましたｗ

今までは全部手打ちだったので、大幅な時間短縮！さらに下にオススメのタグを幾つかご紹介していますので、是非同じように登録してみてください。

本当ならCSSを使用した方が良いのかも知れませんが、まず文字装飾の勉強！htmlのタグを使ってみよう！ということでこの記事を書きました。

html手打ちは時代遅れかもしれませんが、ブログを書いていること自体は時代を先取りしてる・・・ということで許してください！

オススメのタグ（参考）

大きさを変える※数字を1~7で変更すると大きさが変わります
<font size=”2″>ちいさ～い</font>
強調する（太字）
<strong>ふと～い</strong>
難しい漢字にルビをふる
<ruby><rb>猫猫<rt>にゃんにゃん</ruby>
文字をスクロールする
<marquee>スクロールする文字</marquee>
取り消し線を引く
<s>今なら9,800円</s>

↓↓↓こんな感じになります↓↓↓

ちいさ～い
ふと～い
猫猫にゃんにゃん
スクロールする文字
今なら9,800円

などなど・・・便利なタグは沢山ありそうですね。