2016-12-13 7 views
-1

私のウェブサイトに大きな問題があります。
私はCSSファイルに変更を加えても、ウェブサイト上で何も変わりません。
それは私のサイトは、他のCSSファイルを使用しているようにuはここでそれを見ることができますになります。ウェブサイトは自動的に縮小されますか? CSSの変更が表示されない

enter image description here

このCSSファイルが正しいものである一方、私のウェブサイトは、そのCSSファイルを使用している:

http://quasarwheels.com/wp-content/themes/gilbertson/style.css

私は、CSSファイル

<head> 
    <meta charset="<?php bloginfo('charset'); ?>"> 
    <meta name="viewport" content="width=device-width"> 
    <title><?php bloginfo(‘name’); ?></title> 
    <link rel="profile" href="http://gmpg.org/xfn/11"> 
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> 
     <link rel="shortcut icon" href="<?php bloginfo('url'); ?>/favicon.png"> 
    <link rel="apple-touch-icon" href="<?php bloginfo('url'); ?>/favicon.png"> 
    <link rel="stylesheet" href="<?php echo THEME_URL;?>/bootstrap/css/bootstrap.min.css"> 
<?php if(is_singular('frame')) {?> 
    <link type="text/css" rel="stylesheet" href="<?php echo THEME_URL?>/css/font-awesome.min.css" /> 
     <link type="text/css" rel="stylesheet" href="<?php echo THEME_URL?>/css/bike-builder.css" /> 
    <?php }?> 
     <link type="text/css" rel="stylesheet" href="http://quasarwheels.com/wp-content/themes/gilbertson/style.css" /> 
    <!--[if IE]> 
     <style type="text/css"> #mtb, #rac, #rat, #track, #rct, #rcc{ margin-top: -55%!important;}</style> 
    <![endif]--> 
     <?php wp_enqueue_script("jquery"); ?> 

     <?php wp_head(); ?> 
    </head> 
を取得するための私のヘッダーで、これを含めませんでした0

お時間をありがとう!

+1

ヘッダにCSSリンクがもうありますか? –

+0

正しいファイルを変更しましたか?それをサーバーにアップロードしましたか?キャッシュをリフレッシュしましたか? –

+0

あなたのヘッダーには、bootstrap、font-awesome、bike-builderの3つの他のスタイルシートへのリンクがあります。あなたが質問のトップに話している縮小されたスタイルは、ブートストラップのものです。ブラウザのキャッシュをクリアしてください。 – Dre

答えて

0

正しいCSSファイルをアップロードしたことが確かな場合は、新しいファイルを解析して縮小するようにWordPressテーマのキャッシュ/サイトキャッシュをフラッシュします。

0
それが最初にレンダリングされるようにCSSのリンクのトップに

<link type="text/css" rel="stylesheet" href="http://quasarwheels.com/wp-content/themes/gilbertson/style.css" /> 

リンクを移動し

+0

最初にレンダリングされた場合は、後続のスタイルシートがその中のスタイルを上書きすることがあります。 – Dre

+0

見た目から、彼はそれを望んでいるのですか? –

+0

これは私が彼の質問を読む方法ではない:彼のCSSが自動的に縮小され、自分が行っている変更を反映していないように思える。彼のスタイルシートを最初に読み込んでも問題は解決されません。他のスタイルシートによってスタイルが予期せず上書きされた場合、他の問題が発生することがあります。順序ルールは重要で、*どのルールが適用されるかに影響します。したがって、あなたは(通常)ブートストラップのようなものの後にカスタムルールをロードしたいので、優先順位があります。 – Dre

1

ブラウザ(ないheader.phpファイル)でページを調べる場合は、あなたのリンクが修正されて表示されます:

<link rel="stylesheet" href="http://quasarwheels.com/wp-content/themes/gilbertson/A.bootstrap,,_css,,_bootstrap.min.css+style.css,Mcc.KscEqGi0LS.css.pagespeed.cf.vgQu4bgNvt.css"> 

あなたは他のスタイルシートのいくつかは、から来ていることもわかりますBWP Minifyというプラグイン。このプラグインは自動的にスタイルシートを縮小しているようですので、プラグインの設定を確認して、リフレッシュまたは非アクティブ化が必要かどうかを確認する必要があります。

WordPress は、そのままの状態でCSSの縮小を実行しないため、プラグインまたはテーマから取得したものです。この例では、BWPプラグインのようです。

関連する問題