AddQuickTag 簡単設定と上手な活用方法を解説します

まずはプラグインの確認から

このプラグインのインストールとプラグインが有効化になっている必要があります。設定はそれから、まずはプラグインの確認をしよう。

下記の手順でプラグインをインストールする必要があります。プラグインのインストール方法を詳しく確認したいときは、下記の関連記事からプラグインインストール方法を確認下さい。

登録タグの表示は、ビジュアルエディターが「リスト」でテキストエディターは「ボタン」になります。

アイコンの設定は、タグの種類を区別するのに使用してますが、空白のままでも設定を完了します。また、アイコンが表示されるのはビジュアルエディターのみです。

あとは、この設定作業を繰り返して複数のタグを登録します。

解説が少しややこしくなりましたが、それぞれに表示される箇所が違うこと、タグの挿入方法には２つの方法があるということです。

通常は、タグを表示するテキストエディターで使うのが一般的なので、まずはテキストエディターで使ってみるとわかりやすいです。

以前までは、段落タグの＜P＞を表示しない設定にしてたけど、ビジュアルエディターに切り替えて使っていると文字が勝手に消されることが多々ありました。

なので TinyMCE Advanced プラグインの設定で段落タグの＜P＞の表示するように設定変更しています。

最初は、あまりのタグの多さにとても違和感があったけど、空白の改行を入れて見やすくすることで解消しています。気になる方は関連記事からプラグインの設定を確認下さい。

TinyMCE Advanced 簡単設定と追加機能の一覧

2017.03.06

このプラグインを使っていて気づくことがあります。それは登録するタグにルールを持たせることです。

ひたすら記事を書きまくるのにこだわる人は別ですが、過去の記事にも修正や変更を施している人には是非、上手なプラグインの活用をしてほしいです。

• ただ単によく使うタグを記憶させて取り出す
• だから、なんでもかんでも記憶させる

それにスタイルタグをやたらと使ってない?

ブログやサイトの記事が毎回違う装飾だと、とても見づらいため、どのページもある程度共通するパターンが施されています。最初は手間がかかるけど、作業を重ねて効率化を図る。

そこで先ほどのスタイルタグなんですが、個別に指定するスタイルタグよりもCSSを使う。過去の同じCSSを使用した記事の装飾をまとめて変更することが可能になります。

そうして、このプラグインと上手に連携することで、本来の意味のある使い方になるのではないかと思います。

今回は、そうした内容を記事にすることができなかったけど、いずれCSSやショートコードにAddQuickTagの上手な使い方なんてのも書けたらと思ってます。