ワードプレスをバージョンアップして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

サイト内検索

最近の投稿

アイキャッチ
姫路セントラルパークに行ってきた感想

さて久しぶりになりましたが連休中に姫路市に行って参りました。太陽公園と姫路セントラルパークを2日かけて回りましたが姫路セントラルパークに関しては1日では足りないぐらいかもしれないです。ここは遊園...

12 May 2019

アイキャッチ
これは楽!iterm2パスワードマネージャー機能

さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...

30 Mar 2019

アイキャッチ
JavaScriptライブラリデータベースのご紹介

さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...

28 Mar 2019

アイキャッチ
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能

最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム(Chrome)状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...

17 Mar 2019

アイキャッチ
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法

最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...

18 Feb 2019

著者

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

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

タグクラウド

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