ビジュアルエディタに独自のボタンを追加するには？

テーマのcssに、たとえば

`.important {
color: #ff0000;
font-weight: bold;
font-size: large;
}`

と書いておき、TinyMCE Advanced　の設定で、
最下部のAdvancedのチェックを入れると、スタイル選択のドロップダウンリストの選択肢に追加されます。ツータッチですが・・・。
ちなみに、出力は

<span class="important">テキスト</span>

となるようです。

う～ん、別に質問がいやなわけじゃあないですけど、「やってみれば？」と思ってしまいます。
テーマのｃｓｓに書いてみてもスタイルのドロップダウンリストに反映されなかったのですか?
私は自作のテーマしか使っていないので、テーマのcssに記述したのが反映されるので、それ以上触るファイルを増やしたくも無いので、深入りしてません。
テーマを変えてもこのようなスタイルを生かしたいなら、「tadv-mce.css」に書いてみるのもいいのかもしれません。「停止中｣の意味は分かりかねますが、ソースを見たところ読み込んでいる気配は無いので、プラグイン側のファイルでスタイルを制御する機能そのものが停止中かもしれません。
ｃｓｓはもし同じクラスなどが複数のファイルで設定されていれば、最後の読み込みが生きますよね。つまり、「２箇所に書かなければならない｣ことはありえません。同じことを複数個所に書いたら、実際にどれが生きているかを判定するだけでもけっこう手間がかかってしまいます。

う～ん。
内部構造までは分からないのですが、

投稿編集画面のビジュアルのほうの背景が色付きになったり

はどうもbodyのバックグラウンドが反映されるようですね。今まではグレーとかぐらいしか使っていなくて、首をかしげていたのですが、ちょっと派手なバックを使ってみて正体が分かりました。といってもどう回避すればいいのかまでは分かりませんが。
テーマのクラスがインポートされない件につきましては、

1. 使いたいクラスにタグが組み合わさっている
2. 他のクラスやIDと組み合わさっている
3. spanタグにそぐわない属性が指定されているかどうかまでチェックしてるんだろうか?

ぐらいしか思いつきません。
tadv-mce.cssも読み込んでいるみたいですね。「shutter」など、使った覚えの無いスタイルも追加されていましたので。お役に立ちませんで・・・。