ワードプレスをバージョンアップしてCSSが崩れる現象について

ワードプレスをバージョンアップしてCSSが崩れる現象について

  • 2016-04-30  最終更新日:2016-04-30

今回はワードプレスについてです。

ワードプレスでアップデートしたらなぜかスタイルが崩れたということはありませんでしたでしょうか?

いろいろと原因があると思いますが今回はfunctions.phpにwp_enqueue_styleで読み込ませている場合に限りますがその対象法をご案内します。


スポンサーリンク


wp_enqueue_style

functions.php

// common.css
wp_enqueue_style('common', get_template_directory_uri().'/common/css/common.css');

出力場所はheader.phpのwp_head()ところに出力されるのですが一向に読み込んでくれないのです。

実際上記のように読み込ませている場合はこのstyle-nameの部分がcommonになっているのが原因です。今まではそんなことはなかったのですがなぜか読み込まなくなりました。

なぜかこのcommonにしていると別のcssを読み込んでしまっています。common.min.cssとなっていたのでこれはデフォルトでそうなったのかプラグインのせいなのかはわかりませんが今回はこの名前を別にしたら直りました。

// common.css
wp_enqueue_style('commoncss', get_template_directory_uri().'/common/css/common.css');

因みに下記にて勝手に読み込まれたcssをダウンロードしてみることもできます。見てみるとなんとなくデフォルトのCSSのような気もしますが。。。

ダウンロード

参考になれば幸いです。


∞Tadashi Suyama∞

wordpress web ワードプレス
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
ワードプレスでのカテゴリごとのページング方法

ワードプレスの投稿ページはカテゴリー関係なくページングされてしまいます。投稿順で表示されるのですが、これを同一カテゴリー内だけでページング、ページ送りをする方法をご紹介します。 お知らせ、ブロ...

09 Dec 2017

アイキャッチ
小学一年生のためのひらがなカタカナ神経衰弱

私の娘は遊ぶことが大好きです。でいつも何して遊ぶが口癖になっているほど遊びが大好き、当然勉強は嫌い。。。それでゲーム感覚で勉強が出来る方法がないかと思案したわけですが、カードゲームが好きなのでカ...

02 Dec 2017

アイキャッチ
グーグルマップのdirections APIを使ってバス貸切料金算出方法

グーグルマップのdirections apiは距離と時間を調べるときに役立ちます。複数の経由地も入れることが可能で[コチラ](https://developers.google.com/maps...

25 Nov 2017

アイキャッチ
日本語のwebフォントを作成する方法

Webフォントを使うといえば[Google Fonts](https://fonts.google.com/)を使って利用している人が多いかもしれません。 そのほか、アドビ社の[Typekit]...

18 Nov 2017

アイキャッチ
chromeのデフォルト機能でキャッシュ削除する方法

つい先日、クロームのcache killerというエクステンションが使えなくなりました。。。常にキャッシュを削除してくれるので良かったのですが、代わりの物を探していたらデフォルトでキャッシュを削...

11 Nov 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

wordpress web ワードプレス
フッターイメージ