ブロガーにとって「良い記事をどれだけ短時間に書けるか」はとても重要ですよね。私も作業効率を上げるために色んな対策をしています。
今回は私も実際に使用している「AddQuicktag」というWordPressのプラグインをご紹介致します。
AddQuicktagは記事の作成効率を上げるには最適です。
AddQuicktagとはどのようなプラグインか、設定方法およびおすすめの使い方などについてご説明します。作業効率化したいと思っている方にはとてもおすすめです。
是非一度使ってみてください。
AddQuicktagとは
AddQuicktagとは、事前に登録したタグをボタン1つで記事に挿入できるプラグインです。
例えば、私の場合は他のサイト情報を引用した場合に以下の引用バッジを表示させます。
引用
この引用バッジを表示させるためには、以下の記載が必要です。
<span class="sanko">引用</span> 引用元のリンク
利用頻度が高いものだと毎回書くのは面倒です。そこで、上記の面倒な記載をボタン１つで実現するのがAddQuicktagです。
事前にAddQuicktagによく利用するタグを登録しておけば、あとは投稿画面でQuicktagsのプルダウンメニューを選択するだけです。
AddQuicktagのインストールおよび有効化
まずは、AddQuicktagのインストールおよび有効化についてご説明します。
「メニュー」→「プラグイン」→「新規追加」を選択してください。
プラグインの追加メニューで、「AddQuicktag」と検索した後、インストールおよびプラグインの有効化を行ってください。
AddQuicktagの設定方法
次は、AddQuicktagの設定方法です。
まず、インストール済みプラグインから設定画面を開いてください。
設定画面では、以下４つの項目に分かれています。各項目について順番にご説明します。
- クイックタグの追加と削除
- デフォルトのクイックタグの非表示
- 拡張コードクイックタグボタンの表示
- AddQuicktag設定の書き出し/インポート
クイックタグの追加と削除
まずは「クイックタグの追加と削除」です。
この項目は、記事の投稿画面でよく利用するタグをボタン１つで入力するために、クイックタグとして登録します。
各項目の意味について図と表にまとめました。
| 設定項目 | 説明 |
| ①ボタン名 | ボタンに表示される名前です。 |
| ②ラベル名 (入力不要) | 入力不要です。 (「①ボタン名」を説明する項目です。) |
| ③開始タグ | タグの始まりです。 |
| ④終了タグ | タグの終了です。もし、開始タグと終了タグの間に何も文字を入力しない場合は開始タグに終了タグも含めて入力することもできます。 |
| ⑤アクセスキー (入力不要) | 入力不要です。 (IEのブラウザ限定の機能です) |
| ⑥順番 | プルダウンメニューで表示される順番です。よく使うタグほど上位に表示させるのが良いです。 |
クイックタグの追加例
例として、←ハートのWebアイコンをボタン１つで入れる方法を御紹介します。
AddQuicktag設定画面の開始タグに以下のタグを入力し、全てのチェックをつけてから「変更を保存」ボタンをクリックします。（終了タグへの記載は不要です。）
すると、ビジュアルエディターのQuicktagsのプルダウンメニューにハートが表示されるようになります。
テキストエディタには「ハート」のボタンが表示されます。
あとは記事の任意の場所で、ハートアイコンを挿入すればOKです。これにより、毎回ハートアイコン用のタグを入力しなくて済むため、記事作成の効率化が図れるというわけです。
なお、こちらのWebアイコンはAwesomeフォントを利用しています。そちらのフォントが使えない方は表示されませんので、ご注意ください。
Simplicityのテーマをお使いの方はデフォルトで利用できるようになっています。
デフォルトのクイックタグの非表示
次はWordPressのデフォルトで用意されているクイックタグを非表示にする項目です。
「デフォルトのクイックタグの非表示」の項目では、非表示にしたいボタンにチェックをつけると、投稿画面で非表示となります。
不要なボタンを非表示にすれば、見た目がすっきりし作業もしやすいと思います。このボタンって使ったことないなと思ったら、ガンガン非表示にしましょう。
デフォルトのクイックタグを非表示にする例
例として、「i」(emタグ)を非表示にする手順をご説明します。
AddQuicktagの設定画面の真ん中に「デフォルトのクリックタグを非表示にする」という項目があります。
「デフォルトのクリックタグを非表示にする」の項目で「i」(em)の右端のチェックボックスを選択して、保存ボタンを押下します。
「デフォルトのクリックタグを非表示にする」で選択されたボタンは記事投稿画面で非表示となりますので、「i」(emタグ)が非表示となっていればOKです。
拡張コードクイックタグボタン
拡張コードクイックタグボタンの項目では、「preボタン」と「htmlentitiesボタン」の表示／非表示の設定ができます。
preボタンとは
preボタンとは、空白や改行をそのまま表示するものです。ソースコードなどをそのまま載せたいという時に役立ちます。
ただ、このpreボタンはあまり使うことがないと思いますので、非表示でも特に問題ないと思います。
htmlentitiesボタンとは
htmlentitiesボタンとは、htmlのページにて半角カッコ < などの文字をそのまま表示するためにHTMLのエンコーディング（およびデコーディング）を行うボタンです。
例えば、ある文字を太い赤文字にする方法を紹介したい場合、
という文章を書きます。
しかし、この文章はWordPressの投稿画面にそのまま入力すると、
上記のように、”と”の部分が太い赤文字となってしまいます。そのまま表示したい場合はHTMLのエンコーディングが必要です。
このHTMLのエンコーディング作業を手作業にすると、非常に時間がかかるかつ間違いが起きやすいです。
htmlentitiesボタンを使えば、HTMLエンコーディングが簡単にできますので非常に便利です。
なお、「HTML Entities」と「Decode HTML」のボタンも、テキストエディタにだけ表示されますのでご注意ください。（ビジュアルエディタには表示されません。）
AddQuicktag設定の書き出し/インポート
AddQuicktagの情報はエクスポート/インポートができます。
これにより、複数運営しているサイト間で設定の移行ができたり、バックアップとしても使うことができます。
一度、設定が終わったらバックアップのために書き出し処理を実施し、ファイルを保存しておくのがいいと思います。
AddQuicktagの設定が反映されない場合の確認事項
「AddQuicktagでタグを設定したけど、反映されない！」そんな時に確認いただくことをまとめました。
投稿画面に表示するためのチェックが入っているか
投稿画面に表示させるためには、ボタン名や開始タグの入力に加えて、postにチェックを付ける必要があります。
また、ビジュアルエディタに表示させたい場合は「post」と「リッチテキスト」の両方にチェックを入れる必要があります。
変更と保存ボタンを押し忘れていないか
「postにチェック入れてるよー、でも表示されないよー」という方、
可能性は低いと思いますが、「変更と保存」ボタンを押し忘れていないかご確認をお願いします。（私は何度かやらかしました。。。）
Simplicityユーザのおすすめ設定
最後に、WordPressでSimplicityのテーマを使っている方向けです。
Simplicityでははじめから色んな文字の装飾機能などを持っています。以下のようなよく使うバッチがデフォルトで用意されています。
これらのバッチを使いたいという方はAddQuicktagに登録しておくと便利です。
参考
出典
サイト
引用
その他、デフォルトで用意されているタグはこちらのサイトを御覧ください。
コメント