サポート » 使い方全般 » 固定ページへのcssの反映について

  • 解決済 ya_su

    (@ya_su)


    お世話になります。

    以前に作成したwordpressに
    固定ページを新規追加して
    レイアウトを外部css(style.css)で編集しました。

    themeはtwenty-elevenをコピーしたものを
    追記しながら使用しております。

    いままで作成したページ部分のcssは
    反映されていますが
    新しく作成したページのcssが反映されません。

    cssに追記した部分の記載を確認しましたが
    とくに問題になるようなところは確認できませんでした。

    キャッシュに問題がある場合もあるという記載を
    どこかで見かけましたので
    “WP Super Cache”でキャッシュを削除
    ブラウザ(Fire fox)側でもクッキーやキャッシュの削除を行いましたが
    状況は変わりませんでした。

    ちなみにヘッダー部分の記載は
    ‘<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />’
    となっています。

    固定ページに直接cssを記載する方法は有効でして
    “style=xxx: xxx;”のようにするとレイアウトは反映されます。
    けれど私以外の人間も編集することが想定されますので
    できるだけスッキリさせたいと考えています。

    以前、他のサイトで同じような現象があったのですが
    そのときは少し時間が経過した後で
    元に戻っていました(cssは反映されていました)。

    初歩的な問題かと思われますが
    cssが効かなくなったときの対処について
    助言をいただければと思い質問させていただきました。

    よろしくお願いいたします。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • ya_suさん、こんにちは。

    FirebugでCSSがどこまで読み込まれているか確認してはどうでしょう。
    CSSが反映されているページと比べ何が足りないか見えるかと思いますよ。

    トピック投稿者 ya_su

    (@ya_su)

    ryu263 様

    ご教示ありがとうございます。

    Firebugでも見ているのですが
    (主に右側のcssのところを見てます。)
    新しく追加したstyleは確認できませんでした。

    ちなみに記載は
    固定ページ部分
    <div class=”xxx”></div>

    style.css部分
    .xxx{
    font-size: #ccc;
    }
    あくまで一例ですが上記のようにしております。

    何か試してみる方法は他にありますでしょうか。

    トピック投稿者 ya_su

    (@ya_su)

    すみません。値が違ってました。

    style部分ですが

    .xxx{
    font-size: #ccc;
    }

    .xxx{
    font-size:15px;
    }

    みたくしています。

    実際の記載の値は正しい?記載をしています。

    ya_suさん

    確認なのですが、
    1)固定ページAではCSSが反映される。
    2)固定ページBではCSSが反映されない。
    3)新しく固定ページCを新規作成したときもCSSが反映されない。
    4)固定ページBもCも、固定ページAと同じテンプレートを使用している。
      ※ページ属性 > テンプレート

    であっていますか?

    あともう一点確認ですが、
    更にCSSを追記した場合、固定ページAで反映されますか?

    トピック投稿者 ya_su

    (@ya_su)

    ryu263 様

    1)固定ページAではCSSが反映される。
    2)固定ページBではCSSが反映されない。
    3)新しく固定ページCを新規作成したときもCSSが反映されない。
    4)固定ページBもCも、固定ページAと同じテンプレートを使用している。
      ※ページ属性 > テンプレート

    1)は既存の固定ページで試してみました。cssは反映されました。
    2)は既存の同じテンプレートを使った別の固定ページという認識でよろしいでしょうか。
     cssが反映されない事例が見つけられませんでした。
    3)はいま編集している新規追加固定ページでのcssの編集の事でよろしいかと思います。
     固定ページにそのまま記載していたコードを外部cssに書いてみましたが
     反映されません。
    4)についてはいずれもデフォルトテンプレートです。

    最後の一点ですが
    1)で確認した固定ページに新たに記載追加してみましたがcss反映されました。

    サイト自体は運用されていますので
    限られた検証となってしまうのですが以上のような感じです。

    ya_suさん

    私が書いた文章に色々と説明不足もあり、それを読み取っていただきありがとうございます。

    本番環境だけみたいなので、
    色々手を加える事ができないようなのですが一度下記を試して頂けますか。

    1)一時的に、WP Super Cache を切り、CSSが反映されるかを確認する。
    2)CSSファイルを直接呼び出し、反映されるか確認する。
     例)
    <link rel=”stylesheet” type=”text/css” href=”http://example.com/wp-content/themes/twentyeleven/style.css&#8221; />
    3)キャッシュフォルダ内にファイルが残っていないか確認する。
      /wp-content/cache にファイルが残っていないか。

    あと追加で気になった点ですが、
    WP Super Cache と Head Cleaner を一緒に使用していませんか?
    相性が悪いかもしれませんので、入れていれば一度外してみてください。

    トピック投稿者 ya_su

    (@ya_su)

    ryu263 様

    1)一時的に、WP Super Cache を切り、CSSが反映されるかを確認する。
    2)CSSファイルを直接呼び出し、反映されるか確認する。
     例)
    <link rel=”stylesheet” type=”text/css” href=”http://example.com/wp-content/themes/twentyeleven/style.css&#8221; />
    3)キャッシュフォルダ内にファイルが残っていないか確認する。
      /wp-content/cache にファイルが残っていないか。

    1)WP Super Cacheは元々は使用しておりませんでして
     キャッシュを削除する方法の一つとしてインストールしてみました。
     今回はプラグインを止めるということかと思いますが、 削除しました。
     cssは反映されませんでした。
    2)header部分に直接上記のようにurl記載してみましたが
     状況は改善されませんでした。
     ちなみに関係ないとは思いますが
     私のところでは
     http://www.example.com/example/wp-content/themes/example/style.css
     階層が異なっていました。
    3)キャッシュフォルダが見当たりませんでした。
     wp-includes/cache.phpではないですよね?

    追加の点はHead Cleanerをインストールしておりませんので問題ないかと思います。

    使用しているプラグインは
    ・Ktai Style
    ・TinyMCE Advanced
    ・Contact Form 7
    ・WP Render Blogroll Links
    ・WPtouch
    のような感じです。

    お忙しいところアドバイスをいただいて恐縮です。
    知らない事が多いのでどんな事でも教えていただけるのはありがたい限りです。
    解決できればとありがたいと思っておりますので
    まだ何かしら対応をご存知でしたらご教示いただければと思います。
    よろしくお願いします。

    yu_suさん

    (2)について確認ですが、
    テーマフォルダ内にあるstyle.cssを直接ブラウザで読み込んだ場合、
    追記したCSSは存在していますか?

    もし追記したCSSが見当たらない場合は、
    アップミスの可能性もあるので、
    一度、サーバ上にあるstyle.cssを確認して見てはどうでしょうか。

    トピック投稿者 ya_su

    (@ya_su)

    ryu263 様

    /wp-content/themes/example/style.css

    自テーマのstyle.cssを確認しましたが
    追記はされているようです。

    しかし反映はされていません。

    ya_suさん

    CSSファイル自体に追記されているのであれば、
    ブラウザのキャッシュがきいているような気がしますが、
    他のブラウザに変えても同じ現象でしょうか?

    すでに公開されているサイトのようですが、
    もし可能であれば、正常ページと問題ページのアドレスを教えて頂ければ、
    こちらのブラウズ環境で見てみますよ。

    トピック投稿者 ya_su

    (@ya_su)

    ryu263 様

    時間が経ってしまって申し訳ありません。

    問題のサイトのページは下記になります。

    http://www.purito-okayama.com/common

    entry-contentの中にcom-dというクラスを作って
    背景色を試験的に設定しています。

    background-color:#ccc;

    私はfire-bugで確認していますが
    表示確認できませんでした。

    何かしら対応できる事があれば
    教えていただければ幸いです。
    よろしくお願いいたします。

    横からすみません

    .lynph dl ddのスタイルルールが閉じていないみたいです。
    閉じていないと、いろいろ変な事がおきるので、修正してみてください 🙂

    /*------------------------------------------
    	リンパドレナージュ関連
    --------------------------------------------*/
    
    .lynph{
    width:590px;
    }
    
    .lynph dl dt{
    width:560px;
    margin-left:20px;
    margin-bottom:15px;
    }
    
    .lynph dl dd{
    width:550px;
    margin:5px 0 5px 30px;
    
    /*------------------------------------------
    	よくある質問 関連
    --------------------------------------------*/

    トピック投稿者 ya_su

    (@ya_su)

    nobita 様

    ご確認ありがとうございます。

    .lynph dl ddのスタイルルールが閉じていないみたいです。

    上記を修正後、ページ確認させていただきますと
    css反映されていました。

    質問させていただく前に
    一通り確認はしたのですが見落としていたようです。
    確認していただいて本当に助かりました。

    ryu263 様 nobita 様
    初歩的な問題にも関わらず
    ご助言いただきましてありがとうございました。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • トピック「固定ページへのcssの反映について」には新たに返信することはできません。