ホーム > ブログカスタマイズ > プラグイン > ワードプレスのビジュアルエディタを強化 “TinyMCE Advanced”

ワードプレスのビジュアルエディタを強化 “TinyMCE Advanced”


まぁ、まずここをクリックしておいてください→ 人気ブログランキングへ


ワードプレスでの記事作成で、ビジュアルエディタの貧弱さに辟易してました。
これを強化するプラグインが無いかなと思い探してみると… あったあった^^

●TinyMCE Advanced

ダウンロードページ
http://wordpress.org/extend/plugins/tinymce-advanced/


日本語化ファイルダウンロード
http://lovelog.eternal-tears.com/wordpress/wp-plugin/tinymce-advanced-ja/


簡単に言うと、
ワードプレスの記事編集時に利用するビジュアルエディタを強化するプラグインです。


ワードプレスは、初期設定の状態では、
ビジュアルエディタがなんともショボくて、あまり使い物になりませんよね。


例えば文字の大きさを変えたいとか、
文字に背景色を付けたいとか…


初期状態のビジュアルエディタに はその機能が付いてないんですね。


じゃあHTMLエディタでやればいいじゃないかと思われるかもしれませんが、
HTMLエディタにも問題がある。


どういうことかと言うと、HTMLエディタに切り替えると、
その瞬間に、連続する<p>だとか<br />だとかのタグ を
勝手に消してしまうんです。


出来るだけ正しくキレイなソースを作ろうとしてるんだかなんだかしりませんが、
私のように行間を広めにして記事を書きたい時には、
非常に邪魔な機能なわけです。


これを回避するために
「PS Disable Auto Formatting」というプラグインを利用していたのですが、
このプラグインを使っていると、HTMLエディタは機能しなくなるんですね。


だから文字サイズの変更や背景色を付けるために
HTMLエディタを利用することも出来ない。


じゃあ文字サイズは変えられないのか?

背景色を付けることはあきらめないとダメなのか?

そんなわけねーでしょ?

対処法は無いのか?

プラグイン?


そうして探してみて見つけたのが「TinyMCE Advanced」です。


通常のワードプレスのビジュアルエディタは

wp-visualeditor01

こんなのですね。


TinyMCE Advanced を導入して有効化して、
左メニューの「設定」の中に出来た TinyMCE Adranced をクリックすると
設定画面へ移動出来ます。


設定画面はこんな感じ。

wp-visualeditor02

必要な物を上へ、不要な物は下へ、マウスでドラッグ&ドロップするだけの簡単操作です。


あまり多くのボタンを加えるとツールバーが長くなっちゃうそうですね。
当然と言えば当然か。


このままの状態で編集画面に表示されるエディタがこれです。

wp-visualeditor04

ブラウザを最大化すれば、このままでも問題なく表示出来ますが、
私はいつも、1000×1200ぐらいの大きさでブラウザを使うので、
このままでもちょっと長くなりすぎます。


なので要らない物は外してしまいます。


とりあえず、スペルチェックや検索なんかは必要ないですし、
ムービーや画像のアップは、これ ↓ があるから要らない。
wp-visualeditor03


スマイリーとか貼り付けの設定とかも要らないので外して、
最終的にこうなりました。

wp-visualeditor05

文字サイズの変更も出来るし、背景色も付けられる。


うん、完璧です。


あとは設定画面の一番下にある、
「HTMLエディターで表示、保存する時に<p>や<br />タグを削除することをやめてください。」
ってやつ。


これが上手く動作するのならば、
「PS Disable Auto Formatting」が必要なくなってしまいます。


とりあえずここの設定をオンにして、
バッティングするといけないので「PS Disable Auto Formatting」は停止して様子見。


ビジュアルエディタを強化出来たし
HTMLエディタも使えるようになった。


これ1つで、なんか色々と便利になりました。

オススメです。


※追記
その後なんだかんだで、TinyMCE Advanced と PS Disable Auto Formatting は
どちらも併用しています。

なんかバッティングすることもなく、
むしろお互いを補いながら上手く動いてくれています。


詳しくはこちらの記事を
http://hakkutsu-indy.biz/archives/1107230.html


この記事と関連性の高い記事

  1. WPならではのアクセス解析”WordPress.com Stats”


この記事はどうでしたか?

なかなかいいね!⇒人気ブログランキングへ   全然ダメダメだよ⇒精進します…


ブックマークやRSSリーダーへの登録はこちら⇒

最後までお読みいただき、ありがとうございます。

上の記事『ワードプレスのビジュアルエディタを強化 “TinyMCE Advanced”』を書いた、このブログの管理人、
【情報商材発掘家インディ】です。
インディ写真

このブログは、訪問していただいた貴方が、私と同じようにネットで稼ぐことが出来るように、
私が実際に行なっている方法をお伝えすることを目的に運営されています。

情報商材のレビューなども行っていますので、是非ご覧下さい。
ご意見やご相談、お問い合わせ、友達になりたい等、なんでもお気軽にこちらからメールしてくださいね。

メルマガなら、最新情報があなたのメールボックスへ届きます。

メルマガ購読・解除
読者購読規約
 


コメント

  1. インディさん はじめまして。kiyomiと申します。 私は、ネットショップをやっているのですが、 WEBに疎いくせに、業者に任せるお金を惜しんで(笑) ブログとHPを、自社でワードプレスで構築するという 無謀なことをしてしまい、頭を抱え込む日々を送っております(T-T) 今日、文字サイズを変えるプラグインがないかと検索していたら インディさんの、この記事に辿り着きました。 助かりました!!しかも、長いこと悩みのタネだった改行までできる! もう感謝・感謝で、思わずコメントを書かせていただきました!! まだまだ不備だらけのサイトですが、 少しずつ改良を加えて、なんとか「どーよ!」って言えるようにしたいです(^^) お勉強のために、また訪問させていただくと思いますが よろしくお願いいたします! PS.詳しく書かれたインディさんのプロフィール、 とってもおもしろくて一気に最後まで読んだ奇特な私です(笑)
    • 2009/09/22 2:03 PM
    • Posted by kiyomi
    • kiyomiさん、初めまして。 お役に立てたようで、こちらもすごく嬉しいです^^ またいつでも遊びに来てくださいね。 プロフィール・・・ あんまりじっくり読まれると照れちゃいますw
      • 2009/09/22 5:24 PM
      • Posted by インディ
  2. 現在サイトを作成していますが、上記の記事の通り インストール→プラグインを有効化→TinyMCE Advancedを記事のように編集しましたが、ビジュアルエディタには一段落目しか、反映されませんでした。 二段目が表示されないのはなぜでしょう?私だけかな??
    • 2011/02/07 6:33 PM
    • Posted by miku
  3. mikuさん しばらく放置してました。 お返事が遅くなって申し訳ございません。 記事内最後の画像で、上段の一番右に表示されているアイコンが「アドバンスツールバーの表示・非表示」のアイコンです。それをクリックすれば2段目以降も表示されるはずです。

コメントを投稿する

物販PPCの超定番

これを知らずに
物販PPCする気?
絶対外せない鉄板手法

『PPCマーケティング』レビューと豪華特典案内

メルマガ読者増に最適
管理人プロフィール
情報商材発掘家インディ

このブログの管理人
情報商材発掘家インディ
の詳細なプロフィールは
こちら


アフィリエイトや
情報商材に関する相談等
なんでもお気軽に
メールしてくださいね。


メールは⇒こちらから


ランキングの応援も
よろしくお願いします!

人気ブログランキングへ


人気ホームページランキングへ

最新情報はメルマガで
インディのTwitter
  • そういえば数日前に気付いてたけど見てないフリをしてました・・・ TweetDeckがいつのまにかChromeで使えるようになってる・・・ 2011-12-15
  • 経験者のアドバイスとしか思えない RT @shiroinu10: 型番間違ってみてお客さんに怒られたあげく仲良しになるも良しRT @birdfry999: 入社1ヶ月。初の見積もり作成(^_^;) 2011-11-30
  • 「ちなみに男子です」とか「女性、しかも美人」とか記事も上手いですねw RT @keima1230: 古い記事だが・・・ 会社では見ない方がいいですぞ。 http://t.co/MxSM7FBE 2011-11-29
  • More updates...
カテゴリー
いつもコメント感謝です
過去の記事
ご自由にどうぞ
キーワードアドバイス
ツールプラス

URL

サイトタイトル

ディレクトリ登録
by ホームページ登録

SEO・被リンクなど

自動上位ツール

簡単!自動相互リンク
自動相互リンク buzzlink
自動相互リンク SEO
副業SEO