サポート » 使い方全般 » ビジュアルエディタで文字色が変わらない

  • 解決済 koji54

    (@koji54)


    投稿(及び固定ページ)のビジュアルエディタで、文字列に、ボールドやイタリック、打ち消しを装飾した後、文字の色を変更すると、選択した色になりません。
    ですが、プレビューや実際のページを確認すると、きちんと文字の色は変更されています。
    逆に、文字の色を変更した後、ボールドやイタリック、打ち消しを装飾すると、きちんと文字の色が変更されたままになります。
    元々、このような仕様なのでしょうか。
    もしくは、バグでしょうか。
    修正方法などがあれば、教えてください。
    よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 手元で試した限りはそのような問題は確認できませんでした。(調べていないので既知の問題かも知りません)

    ただこれだけの情報では、

    • TinyMCEの問題
    • ブラウザの問題
    • テーマ, プラグインの問題
    • WordPressの問題
    • その他の原因

    が全然絞り込めないのでいくつかの条件(ブラウザを変えても発生するか、テーマを変えたりプラグインを無効化しても発生するか、他のサイトでも発生するか)なども確認してみると問題箇所は分かるかもしれません。

    koji54さん

    ご質問です。
    テーマはカスタマイズなどされてますでしょうか?

    もう少し詳しい環境の情報を教えて頂ければと思います。

    もし、カスタマイズされているのであれば
    ・CSSの問題
    ・wp_ksesなど関数やエスケープ処理の問題など

    Hinaloeさんと同じですが
    多分、テーマかプラグインが強いのですが。。。

    こんにちは、

    試してみましたが、そのような問題は起きないみたいです。

    たぶん、テーマのCSSによって発生している可能性が高いと思います。

    ビジュアルエディタが、出力するHTMLは以下のようになります。(テキストモードで確認してください)

    
    <em><span style="color: #ff6600;">色を変更してからIボタンをクリックした場合</span></em>
    

    この場合は、動作して

    
    <span style="color: #339966;"><em>Iボタンをクリックしてから、色を変更した場合</em></span>
    

    は、色が変更にならないというのは、多分em要素に、テーマのスタイルで色が設定されているために

    例えば、

    
    .entry-content em{
        color:#333;
    }
    

    なんて、CSSの設定があると、2番目のやり方だと、色は変わらないです。
    最初のものは、上にあるCSSの設定が存在したとしても、色は指定したものになります。

    • この返信は2年、 8ヶ月前にnobitaが編集しました。

    皆さん、返信ありがとうございます。
    CSSを確認しましたら、Twenty Tenベースだったため、CSSに文字色を指定する記述がありました。
    それを削除した所、直りました。

    ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ビジュアルエディタで文字色が変わらない」には新たに返信することはできません。