試してみましたが問題なく反映されます。
投稿編集画面のHTMLソースに’style.css’と’style2.css’を読み込むlinkタグは追加されていますか？
また、他のプラグインが追加したjavascriptと競合しているのかもしれないので、管理画面からすべて停止して確認してください。
フォーラム » 【重要】 お読みください » 問題解決のためのチェックリスト
‘style.css’と’style2.css’など、複数のファイルを追加したい場合は’add_editor_style( array( ‘style.css’, ‘style2.css’ ) );’のように書く事ができます。
関数リファレンス/add editor style – Codex 日本語版
サーバー負荷を軽減する為には、CSSファイルやJSファイルなどをなるべく1つのファイルにまとめて、リクエスト数を減らした方がいいようです。
‘editor-area’クラスは何の為に追加しているのでしょう？
エディタにはidとして’tinymce’、クラスとして’mceContentBody’、’wp-editor’等が割り当てられているので、それらをそのまま利用した方がいいです。
function custom_editor_settings( $initArray ) {
$initArray['body_class'] = 'editor-area';
return $initArray;
}
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );
popup様
ありがとうございます。
上記の件、確認してみます。
ありがとうございます。
ihironaka55
上記を確認したところ、所々反映されているのが分かりました。
どうも、style.cssとstyle2.cssはテンプレートの切り替えで二つ存在していたのですが、
両方に書かれた物があり、後で読み込んだstyle2.cssが反映されている場合があり、
表示上の問題が有ったようです。
そこで、ご教授いただけるとありがたいのですが、
ビジュアルエディターの部分で、選択しているテンプレートの違いで、
読み込むCSSについて分岐を書く事は可能でしょうか？
下記のように、条件分岐を書いてみましたが、この状態だと、
旨く作動しません。どう書き換えればよいのでしょうか？
// ビジュアルエディタ用CSS
if (is_page_template(content-camp.php)) {
add_editor_style('style2.css');
} else {
add_editor_style('style.css');
function custom_editor_settings( $initArray ) {
$initArray['body_class'] = 'editor-area';
return $initArray;
}
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );
CSS側に問題が有ったという事で、
とりあえず、この質問は内容も変わってきましたので、
解決と言うことにしたいと思います。
また、テンプレートを切り替えた場合に
CSSを切り替える件は、こちらで検索する等してみます。
不明な場合には、また、質問させていただこうと思います。
よろしくお願いいたします。
ありがとうございました。
ihironaka55
