2017-07-28 17 views
-1

私は私のウェブサイトのフォントを少し大きくしようとしています。私はこれが超簡単な修正だと思った。 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&#038;subset=latin%2Clatin-ext&#038;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/です。

ありがとうございます!

+1

あなたは子供のテーマを作り、そこにあなたのCSSを入れる必要があります。 – Gerard

+1

ハードリフレッシュ用のctrl + f5。ほとんどの場合、CSSファイルはブラウザによってキャッシュされます。サーバーによってキャッシュされることもあります。 –

+1

また、4.9はバージョン番号で、[キャッシュバスター](https://css-tricks.com/strategies-for-cache-busting-css/) –

答えて

0

通常、テーマcssは直接変更しません。これを行う正しい方法は、子テーマを作成し、子テーマのCSS-Filesを変更することです。 Hereは、子テーマの作成方法に関する指示です。

Wordpressのも子テーマを使用することを提案:

あなたは子供のテーマを使用したいと思う、いくつかの理由があります:あなたが直接テーマを変更し、それが更新されると

は、その後、あなたの 変更が失われる可能性があります。子テーマを使用すると、変更内容が保存されていることを確認することができます。 子テーマを使用すると、開発時間を短縮することができます 。子テーマを使用すると、 WordPressのテーマ開発について学ぶのに最適な方法です。

+0

Aaaaaahがあります。まあそれはそれを説明します。ありがとうございました。私は子供のテーマを作ることに目を向けます! – nellygrl

関連する問題