Web Development Symbol Icon Concept

 

こんにちは、ぜんです。

 

トレンドブログの記事を書いていると、HTMLタグを使って

文章を装飾する機会なんかも多くなってくるはずです。

 

ワードプレスにデフォルトで設定されている

カスタマイズ機能だけだと少し物足りませんからね。

 

そんな時はAddQuicktagを使ってHTMLタグのショートカットキーを作成していきましょう。

 

 

今回はワードプレスのプラグイン「AddQuicktag」

の使い方についてお話していきたいと思います。

 

 

 

 

AddQuicktagとは?

 

AddQuicktagとは、HTMLタグの装飾をショートカットキー

として登録することができるワードプレスのプラグインです。

 

例えば、僕のブログ記事でよく使っている

黄色背景に赤太文字

なんかもAddQuicktagを使ってショートカットキーを

作成しているので、ワンタッチで装飾することができています。

 

非常に便利なので、かなりおすすめのプラグインです。

 

 

AddQuicktagの使い方

 

まず、プラグインの検索画面で「AddQuicktag」と検索して、

インストール・有効化していきましょう。

 

やり方がわからない人は下の記事を読んで下さいね。

⇒ワードプレスのプラグインとは?インストール方法や使い方

 

 

adq1

インストール・有効化が終わったらAddQuicktagの設定をしていきます。

ワードプレスのサイドバーにある「設定」の「AddQuicktag」を開いてください。

 

adq2

 

そうすると上の画像のような画面が表示されるので、

ここによく使うHTMLタグを登録していきます。

 

ちなみに僕のこのブログの場合、動画を中央寄せするタグと、

色付きの背景にするタグと、黄色背景・赤色太文字にするタグを登録しています。

 

ここに登録したいタグの内容を入力して「変更を保存」ボタンをクリックすれば、

ショートカットキーを登録することができます。

 

ボタン名・・・ショートカットキーの名前です。わかりやすい名前にしましょう。

ラベル名・・・ボタンの説明です。別に入力しなくてもOKです。

開始タグ・・・HTMLタグの手前の部分

終了タグ・・・HTMLタグの終わりの部分

アクセスキー・・・入力不要

注文・・・ショートカットを表示する順番

 

例えば僕のコレの場合は、

ボタン名・ラベル名は黄色マーカー

開始タグが<strong><span style=”background-color: yellow; color: red;”>

終了タグが</span></strong>

アクセスキーは入力なし

注文は0になっています。

 

 

また、右にあるリッチテキスト、post、pageなどの

チェックボックスはショートカットキーをどの画面で使うかの設定です。

 

基本的に左の3つにチェックしておけば問題ないでしょう。

というか、全部チェックしてもらってもかまいません。

 

デフォルトの状態だとここのチェックが全部入っていないので、チェックし忘れて、

「ショートカットキーを登録したはずなのに出てこない!」なんてことがよくあります。

(僕はブログを作るたびにやってる気がします。笑)

 

右側のチェックボックスも忘れずにチェックを入れるようにしましょう。

 

adq3

登録が終わると、上の画像のように、ショートカットキーが記事編集画面に表示されます。

 

そして、タグをつけたい文章を選択してこのショートカットキーを

クリックすれば、選択した部分を登録したタグで囲むことができます。

 

 

今回の記事のまとめ

 

今回はHTMLタグのショートカットキーを作成する

プラグイン「AddQuicktag」についてまとめさせていただきました。

 

よく使うタグを登録しておけば記事作成スピードがかなり早くなるので、

個人的にはワードプレスのプラグインの中で一番おすすめしたいプラグインです。

 

本当に便利なので、ぜひAddQuicktagを使ってみてくださいね。