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

サイト内検索

最近の投稿

アイキャッチ
fontawesome5の使い方

アイコンフォントで最も有名なfontawesomeですが5になってますます使い勝手が向上しました。推奨はJSを使ったSVGと表示となっております。Webで最も人気のあるアイコンセットをFontA...

18 Feb 2018

アイキャッチ
自作アイコンをSVGでの表示方法

そもそもSVGとはScalable Vector Graphics(スケーラブル・ベクター・グラフィックス)で、拡大縮小、変形してもキレイなままでぼやけず荒れないXMLベースの画像のことです。W...

13 Feb 2018

アイキャッチ
なりすまし・フィッシングメール対策のDMARCとは

DMARC(ディーマーク)とは迷惑メールの送信者から偽装を防ぐ仕組みになります。まだ対応サーバーは少ない気がします。 その仕組みに当たってSPFとDKIM(ディーキム)も知る必要があります。こ...

03 Feb 2018

アイキャッチ
いつもの定型文をDashに登録、便利なスニペット機能

Dashとは、ドキュメントマニュアルとコードスニペットマネージャになります。 サポートされているマニュアルは150の以上あり、オフライン環境でのドキュメントを検索することができます。そしてエデ...

27 Jan 2018

アイキャッチ
アマゾンエコーを使ってみた感想

アマゾンエコーを購入したので使ってみた感想などを述べたいと思います。1週間ほど使ってみましたがこんなことが出来るとかこんな感じで使うと良いのかなという参考になれば思います。 第一印象は結構音が...

20 Jan 2018

著者

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

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

タグクラウド

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