サポート » 使い方全般 » ビジュアルエディターの表示がプレビューに反映されない

  • 解決済 tomokichi

    (@tomokichi)


    wordpress使用時間200時間くらいの初心者です。

    使用テーマ種類:coraline
    親、子テーマどちら:子テーマ
    ブラウザ:IE8
    です。
     
    症状:h3~h4の小見出しをカスタマイズしようと思いまして、子テーマの(editor-style.css)をいったん白紙になるまで消去して、

    h3{
    font-size:120%;
    border: double 3px #ffffff;
    color:#ffffff;
    background-color:#ff9933;
    line-height: 26px;/*hタグの高さ*/
    padding-left:10px;
    }

    h4{
    font-size:120%;
    border: solid 2px #009933;/*見出しの枠線*/
    color:#ffffff;/*見出しの文字の色*/
    background-color:#00cc00;/*背景の色*/
    line-height: 26px;/*hタグの高さ*/
    padding-left:10px; /*見出しの文字の左にスペース*/
    }

    と入力しました。(↓から↑まで)

    その後ビジュアルエディターページではh3とh4の効果に反映されるものの、プレビュー結果には反映されていません。

    何が原因でこのようなことが起こっており、どうすれば解決できるのでしょうか。
    どなたかご教授ください。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ちなみにですが
    style.cssの中には

    .entry-content h3 {
    font-size:120%;
    border: double 3px #ffffff;
    color:#ffffff;
    background-color:#ff9933;
    line-height: 26px;/*hタグの高さ*/
    padding-left:10px;
    } 
    
    .entry-content h4 {
    font-size:120%;
    border: solid 2px #009933;/*見出しの枠線*/
    color:#ffffff;/*見出しの文字の色*/
    background-color:#00cc00;/*背景の色*/
    line-height: 26px;/*hタグの高さ*/
    padding-left:10px; /*見出しの文字の左にスペース*/

    を入れています

    coraline テーマの style.css内のcontentに関するコードはこちらになります。
    どのコードを直せばよかったのでしょうか。

    こんにちは。
    まず、プレビューについては通常通りフロント側で表示されるものが使用されます。
    ですので、変更するとすればstyle.cssの方になります(使われていれば)。

    変更したcssが実際にフロント側で使用されているcssファイルなのかという部分から調べてみて下さい。
    こちらが問題なければ次はfirebug等を使用して実際にどこまでが反映されているか
    .entry-contentの中に投稿記事が入っているのか等チェックをしていって下さい。
    また、ブラウザキャッシュもちょっとだけ疑ってみてもいいかもしれません。

    >jdbb様

    ご教授ありがとうございました。
    結論から申しますと、親テーマのstyle.cssの.entry-content h3と.entry-content h4を変えたら変更されました。

    親テーマのh3,h4内のfont-sizeやcolor等の項目と子テーマで上書きしたつもりだった項目が違っていたことで起きた現象だと自分では解釈しています。

    ご対応いただきありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ビジュアルエディターの表示がプレビューに反映されない」には新たに返信することはできません。