私は私のウェブサイトのフォントを少し大きくしようとしています。私はこれが超簡単な修正だと思った。 Style.cssファイルにジャンプし、本文のフォントサイズを上げてください。しかし、私がこれをしたときに、ファイルが確実に更新されているにもかかわらず、フロントエンドで更新されていないことがわかりました。Wordpressで私のStyle.cssが更新されないのはなぜですか?
ソースコードを掘り下げたときに、新しいアップデートが反映されないように見えるスタイルシートへのリンクの最後にコード行が追加されているように見えます - "?ver = 4.8" 。以下を確認してください:
<link rel='stylesheet' id='font-awesome-css' href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='the-social-links-style-css' href='http://www.example.com/wp-content/plugins/the-social-links/assets/css/style.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://www.example.com/wp-includes/css/dashicons.min.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='http://www.example.com/wp-includes/css/admin-bar.min.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='sb_instagram_styles-css' href='http://www.example.com/wp-content/plugins/instagram-feed/css/sb-instagram.min.css?ver=1.4.9' type='text/css' media='all' />
<link rel='stylesheet' id='sb_instagram_icons-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css?ver=4.6.3' type='text/css' media='all' />
<link rel='stylesheet' id='blaskan-fonts-css' href='https://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7CSource+Sans+Pro%3A300%2C400%2C600%2C700%2C900%7CWork+Sans%7CPacifico&subset=latin%2Clatin-ext&ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='http://www.example.com/wp-content/themes/blaskan/assets/css/bootstrap.min.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome-css' href='http://www.example.com/wp-content/themes/blaskan/assets/css/font-awesome.min.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='blaskan-style-css' href='http://www.example.com/wp-content/themes/blaskan/style.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='tablepress-default-css' href='http://www.example.com/wp-content/plugins/tablepress/css/default.min.css?ver=1.8' type='text/css' media='all' />
私が更新したいスタイルシートの2番目です。だから、私は私がちょうど更新をオーバーライドしているように見える終わりにその奇妙なコードを削除するにはheader.phpのファイルにジャンプすることができると思ったが、私は、ファイルを開いたとき、すべてが私はそこにある参照してください。
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
視覚的にはスタイルシートのリンクがありません。
「ver = 4.8」のコードを最後から削除するためにスタイルシートコードを編集できる場所は誰にでも教えてください。
私が使用しているのは、https://wordpress.org/themes/blaskan/です。
ありがとうございます!
あなたは子供のテーマを作り、そこにあなたのCSSを入れる必要があります。 – Gerard
ハードリフレッシュ用のctrl + f5。ほとんどの場合、CSSファイルはブラウザによってキャッシュされます。サーバーによってキャッシュされることもあります。 –
また、4.9はバージョン番号で、[キャッシュバスター](https://css-tricks.com/strategies-for-cache-busting-css/) –