ビジュアルエディタとテキストエディタの切り替えでタグが消えてしまう

はじめまして、WPを趣味と仕事で使っています。どうしてもわからない所でつまいづいてしまったのでどうかよろしくお願いします。

独自にCSSで設定したスタイル編集画面で使いたいのですが、編集画面のテキストモードで設定したものが、ビジュアルモードにすると消えてしまいます。

簡単に説明しますと、文中に直接

<span style=”background-color: #ffff99;”>背景を黄色くする</span>

と書けば大丈夫なんですが、

CSSファイルに

back-ki{background-color:#ffff99;}

を設定して、文中では

<back-ki>背景を黄色くする</back-ki>

というように使いたいのですが、テキストモードで上記のように書いてそのまま公開すれば問題ありませんが、一度でもビジュアルモードに切り替えてしまうと<back-ki>のタグは消えてしまいます。

ビジュアルモードもテキストモードも両方使うので問題ないようにしたいです。よろしくお願いします。

色々調べたり、自動整形をオフにするプラグインなどでも解決しなかったので教えていただけましたら幸いです。