Wordpress|フォント装飾をボタン2回で文字色や大きさを一括変更するプラグイン

サイト(ブログ)の記事を書いているとどうしても手間なのが文字の装飾。

 

普段は、プラグインTinyMCE Advancedでボタンを利用しています。

 

何度も何度もポチポチ押すとき気が付きました。

 

斉藤かずまプロフィール画像

かずま
もうボタンを何度も押すのは疲れた!使いづらい!!!

 

めっちゃ便利で好評なプラグインTinyMCE Advancedにケチをつける斉藤かずま

 

なんとかしてもっと楽して記事を編集する方法はないかなぁ。。。

 

考えた結果結論としては

「TinyMCE Advanced」で何度もポチポチポチとボタンを押している作業を

「AddQuicktag」のプラグインで減らしてしまうことを考えました。

 

名付けて「AddQuicktag」プラグイン追加で作業効率アップ方法しちゃおう大作戦です。

 

解説動画

 

使いづらいから使いやすいへ作業効率アップ大作戦のやり方

まず、あなたが「TinyMCE Advanced」でよく利用するボタンの組み合わせを投稿の編集で記述します。

太字14pt

太字14pt赤文字

太字12pt赤文字

太字14pt青文字

太字12pt青文字

 

【Wordpress】TinyMCE Advancedが使いづらいならこの方法で作業効率アップ

つづいて「ビジュアルエディター」から「テキストエディター」に変更

 

「テキストエディター」に変更すると先ほど入力したテキストの前後に文字が記載されています。

 

<span style="font-size: 14pt;"><strong>太字14pt</strong></span>

 

<span style="font-size: 14pt; color: #ff0000;"><strong>太字14pt赤文字</strong></span>

 

<strong><span style="color: #ff0000;">太字12pt赤文字</span></strong>

 

<span style="font-size: 14pt; color: #0000ff;"><strong>太字14pt青文字</strong></span>

 

<strong><span style="color: #0000ff;">太字12pt青文字</span></strong>

 

このオレンジ色と緑色の部分を「AddQuicktag」に入力すればいいんです。

 

「AddQuicktag」プラグインの使い方

【Wordpress】TinyMCE Advancedが使いづらいならこの方法で作業効率アップ

いつも通り、プラグインから「AddQuicktag」インストール完了後、有効にします。

 

【Wordpress】TinyMCE Advancedが使いづらいならこの方法で作業効率アップ

「プラグイン」から「AddQuicktag」を見つけたら「設定」を押します。

 

 

 

「AddQuicktag」のフォームにそれぞれのテキストを入力します。

 

1赤枠

ボタンのラベル名を入力

例:太字14pt

2オレンジ枠

上記のオレンジ枠のところを入力

例:<span style="font-size: 14pt;"><strong>

3緑枠

上記の緑枠のところを入力

</strong></span>

4青枠

ラベルを何番目に表示させたいか数字を入力

例一番最初に表示させたいなら1

 

全部の「変更を保存」をクリックすれば完了です。

 

再度投稿編集画面に行くとビジュアルの部分に何やらプルダウンが。。。

【Wordpress】TinyMCE Advancedが使いづらいならこの方法で作業効率アップ

こちらをクリックすれば先ほど登録したタブが反映されます!

 

実際に作業手順を比較して書いてみる

太字で赤字にして14ptにしたい場合

TinyMCE Advancedの場合
  1. 「B」をクリック
  2. 「フォントサイズ」をクリック
  3. 「14pt」をクリック
  4. 「テキスト色」をクリック
  5. 「赤色」を探してクリック

 

AddQuicktagの場合
  1. 「Quicktag」をクリック
  2. 「太字14pt赤字」をクリック

 

3つの工程を省くことに成功しました!

 

まとめ

Wordpressの文字装飾をボタン1回で文字色や大きさを一括変更するプラグイン

もしあなたが文字装飾をしていてTinyMCE Advancedを使いにくいと思ったら。。。

 

ぜひ一度AddQuicktagプラグインを追加してその使いにくいところを補ってみてはいかがでしょうか。

 

文字が1回で一括変換できるのでとっても便利ですよ♪

 

ご参考になりましたら幸いです。

 

 

スポンサーリンク
隙間時間でアフィリエイトで20万稼いだ方法を教える無料メルマガ♪

斎藤かずまの無料メルマガ講座では副業ブログで稼ぎたいと考えている人に大変評判のメルマガです。

 

他のメルマガとの違い

サラリーマン独自のよくある時間のない悩みから解放されて稼ぐ方法

サラリーマンだからこそ本業を活かして稼くやり方

WEBに全く詳しくないサラリーマンを褒めて伸ばすのが私のブログです。

 

僕が5年以上積み重ねた作業記録や思考を伝えることでまずあなたに

1円稼いでもらいます。

そのあとはメルマガをしっかり読んで行動してくれれば

1万円、3万円、5万円とステップアップして稼ぐことが可能です。

 

サラリーマンに読んでもらいアフィリエイト情報満載のメルマガ!

特にブラック企業に務めている人に読んでもらいたいかも。

私もブラック企業勤めで体崩してやめたので、ホント副業で稼げるようになってお金に余裕ができたり自信がついてからホワイト企業に転職するなりしてほしいと思います。

今なら無料プレゼント配布中!最新情報もGET!

<メルマガ登録は2STEPで完了>

  1. 「名前」「メールアドレス」の2点を入力
  2. 「送信」ボタンを押して完了

プレゼントは登録後すぐにGETできます。

無料メルマガ登録はこちら

名前 姓     名 
メールアドレス

  • Twitterでフォローしよう

    おすすめの記事