WordPress 便利なプラグイン

【WordPress】テキストエディタによく使うタグをボタンに追加できるプラグイン

更新日:

 
先日ご紹介した『記事を書く時にあると便利なプラグイン』をご紹介しました。
読んでいただけましたか!!

 
今日は『記事を書く時にあると便利なプラグイン』の記事の中で紹介したテキストエディタのタグボタンを自分好みにできるプラグイン『Add Quicktag』をご紹介します。

 

スポンサーリンク

 

 
 

テキストエディタのタグボタンを自分好みにできるプラグイン

テキストエディタのタグボタンを自分好みにできるプラグイン『Add Quicktag』をご紹介します。
タグボタン(デフォルト)
デフォルトの使わないボタンを非表示にしたり、よく使うタグをボタンに追加することができます。
追加したタグをボタンで呼び出すことが出来るので記事を書く時に非常に便利です。

 

Add Quicktagのインストール

WordPressの管理画面から[プラグイン]⇒[新規追加]⇒ Add Quicktagを検索してインストールしてください。
インストール後[有効化]してください。

 

ボタンの設定

ボタンの設定(追加)を行います。
管理画面から[設定]⇒[AddQuicktag]から設定します。

  • ボタン名・・・ボタンに付ける名前
  • 開始タグ・・・HTMLタグを入力
  • ラベル名・・・終了タグのボタン名
  • 終了タグ・・・終了タグを入力
  • 順序・・・ボタンを表示する順番

例えばこんな風に文字の背景を黄色にするためのタグを設定してみます。

ボタン名・・・マーカー黄色
開始タグ・・・span style="background-color:yellow;"(<>で囲んでください。
ラベル名・・・/マーカー黄色
終了タグ・・・/span(<>で囲んでください。)

という感じでよく使うタグを設定してください。

タグ設定の右側のチェックボックスはボタンを表示させたいページにチェックを入れてください。

設定が終わったら[保存]してください

 

デフォルトボタンの設定

デフォルトボタンの設定は上のボタン設定の下にあります。

表示させたくないボタンの右側のチェックを外せばボタンを非表示にできます。
設定が終わったら[保存]してください。

 

スポンサーリンク

 
 

使い方

ビジュアルエディタ/テキストエディタの切り替え


投稿画面のタグボタンの右上にある『ビジュアル』『テキスト』ボタンで切り替えてください。

 

使い方


使い方はデフォルトボタンと同じです。

使いたい部分の前にボタンを押して開始タグを挿入し、最後(終わりの部分)でもう一度ボタンを押して終了タグを挿入してください。

  例: <span style="background-color:yellow;">背景が黄色になるよ!</span>
  表示例: 背景が黄色になるよ!

 
 

合わせて使うと便利なプラグイン

2018年6月16日 追記

 
 

最後に

このプラグインを使えば逐一タグを入力する必要がなくなり、記事が効率よく書け時間短縮にもなります。

また開始タグに決まったHTMLと文字を入力すればワンタッチで貼り付けることができます。
つまり上の例に挙げた『背景が黄色になるよ!』の開始タグから終了タグまですべて『開始タグ』に入れれば、いつでもボタンを1回押すだけで『背景が黄色になるよ!』を記事に挿入することができるわけです。(ラベル、終了タグの設定はいりません。)

とても便利なので使ってみてください(*^^*)

 

スポンサーリンク

 

ブログランキング
      ブログランキング・にほんブログ村へ

お問い合わせはこちら Contact

 

きらり☆彡

きらり☆彡

結耶
こんにちは。
きらり☆彡の結耶(ゆうや)です。

きらり
こんにちは!
アシスタントのきらりです♪

2017年9月にブログ・アフィリエイトを始めたばかりで現在勉強中のブログ・アフィリエイト初心者です。
初心者目線でわかりやすいブログを心かけています。

「ネットで稼ぎたい!」と思っている方の参考になれば嬉しいです♪
ご質問などありましたら気軽に連絡してください。

きらり☆彡ではブログ・WordPress・アフィリエイトのことを主に書いています。

また私は多発性硬化症という病気を持っています。
私の小さな世界(日常)や病気のことを書いたブログも運営しています。
ぜひこちらもよろしくお願いします(≧∇≦)

 Link  Crescent Moon │ http://crescent-moon.site

 Link  多発性硬化症患者の小さな願い │ http://fanblogs.jp/yuumsblog/
こちらは私の肌トラブル改善や体質改善に関することをテーマのブログです。

きらり☆彡をよろしくお願いしますm(_ _)m

ブログランキング
      ブログランキング・にほんブログ村へ

お問い合わせはこちら Contact

おすすめASP

おすすめASP

人気記事

LINE@

LINE@

登録してね♪

ブログサークル

ブログサークル

ブログサークルに参加しています。

スポンサーリンク

スポンサーリンク

きらり☆彡

きらり☆彡

結耶
こんにちは。
きらり☆彡の結耶(ゆうや)です。

きらり
こんにちは!
アシスタントのきらりです♪

2017年9月にブログ・アフィリエイトを始めたばかりで現在勉強中のブログ・アフィリエイト初心者です。
初心者目線でわかりやすいブログを心かけています。

「ネットで稼ぎたい!」と思っている方の参考になれば嬉しいです♪
ご質問などありましたら気軽に連絡してください。

きらり☆彡ではブログ・WordPress・アフィリエイトのことを主に書いています。

また私は多発性硬化症という病気を持っています。
私の小さな世界(日常)や病気のことを書いたブログも運営しています。
ぜひこちらもよろしくお願いします(≧∇≦)

 Link  Crescent Moon │ http://crescent-moon.site

 Link  多発性硬化症患者の小さな願い │ http://fanblogs.jp/yuumsblog/
こちらは私の肌トラブル改善や体質改善に関することをテーマのブログです。

きらり☆彡をよろしくお願いしますm(_ _)m

ブログランキング
      ブログランキング・にほんブログ村へ

お問い合わせはこちら Contact

おすすめASP

おすすめASP

人気記事

LINE@

LINE@

登録してね♪

ブログサークル

ブログサークル

ブログサークルに参加しています。

スポンサーリンク

スポンサーリンク

-WordPress, 便利なプラグイン
-

Scroll Up

Copyright© きらり☆彡 , 2018 All Rights Reserved Powered by STINGER.