top3

AddQuicktag(アドクイックタグ)の使い方|反映されない?

Pocket

binary-code-574733_640
読者にとって見やすい記事にするために、文章に色はつけたり、文字の大きさを変えたり、リンクを挿入したり、画像をいれたりします。


その際にHTMLタグを使って編集するのですが、エディタのデフォルト画面をみてみると、少し物足りない印象を受けます。

ここではビジュアルモードではなく、テキストモードで説明してみます。


この問題は解決するのがAddQuicktag(アドクイックタグ)というプラグインです。AddQuicktagを使うことによって、自分で記事内に挿入したいHTMLタグをエディタに登録できるので、とても便利です。



AddQuicktag(アドクイックタグ)の設定方法

まずはAddQuicktagをワードプレスにインストールすることから始めましょう。

b44758bcc47c9000d2c76cdaf0d04353
ワードプレスにプラグインをインストールする方法がわからない人は、ワードプレスにプラグインを導入する方法を参考にしてください。

                  

インストールが終わったら、「設定」→「AddQuicktag」をクリックすると以下の画面になると思います。

ef0c515246896450559fbf14fa076963

ここに自分がHTMLエディタに登録したいものを登録します。いくつか記入する項目が表示されますが、重要なのは①~④のみとなります。


赤色のHTMLタグ、<font color=”red”></font>を例に解説してみると・・・

ボタン名
HTMLエディタに表示したい名前を入力します。この場合「赤」とか「赤色」と記入しておくのがわかりやすいかもしれませんね。

開始タグ
ここには<font color=”red”>を入力します

終了タグ
ここには</font>を入力します

「✔」マークをいれましょう。詳しい説明は後ほど。



すべて入力し終えたらこんな風になったかと思います。
326cfb5c9374fd3d5012f9fa5e75614c

記事作成画面をみてみると、HTMLエディタに「赤」が表示されたことが確認できます。
4a6006e7638046234bce2c4379616291

使用方法は、装飾したい箇所をドラッグして、「赤」をポチッと押すだけです。
b0a63530346575aee17ba29b3c7c1daa                   

709e12e8ffdf5d6a2c051857316df7cb


反映されない理由

以上のように進めていけば、しっかりと反映されると思うのですが、反映されない場合は「✔」マークが入っているか確認しましょう。

・テキストエディタだけではなく、ビジュアルエデュタにも表示したい場合は、ビジュアルエディタに✔
・コメントページで表示させたい場合にには、commentに✔

326cfb5c9374fd3d5012f9fa5e75614c
しかし、一番右の✔マークを押せば、すべてにチェックされるし、すべてチェックされていて困ることはおそらくないと思うので、はじめから✔マークを入れておくことにしましょう。

One Response to “AddQuicktag(アドクイックタグ)の使い方|反映されない?”

  1. […]  >> AddQuicktagの設定方法と使い方 参考サイト […]

コメントを残す

サブコンテンツ