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

サイト内検索

最近の投稿

アイキャッチ
大山の大献灯・和傘灯りに行った感想

大山の大献灯・和傘灯りに初めて行って参りました。13日の夜に行ってきましたがこんなイベントをやっていることを知らなかったのでご紹介します。和傘のライトアップで日本の夏の雰囲気が良いですね。 大...

23 Aug 2018

アイキャッチ
出雲神話祭り・花火大会

お盆休み中に出雲の花火大会に行って参りました、今年は8月12日(日)でした、開催日は毎年違いますので確認しておきましょう。だいたいこのあたりだった気がします。8,000発の花火で例年13万人が来...

21 Aug 2018

アイキャッチ
chromeのエクステンションを使わないでウェブページ全体をスクリーンショットでとる方法

さて今回はchromeブラウザ限定ですがエクステンションを使わずにページ全体と部分キャプチャをする方法をご紹介します。 割とエクステンションで処理しちゃう場合がありますがデフォルトで使えるとい...

05 Aug 2018

アイキャッチ
はじめてのVim覚え書き

今回はエディターのご紹介になります。かなり特殊なVimエディターをご紹介したいと思います。便利なエディターAtom、SublimeText、VisualStudioCodeとは訳が違います。 ...

28 Jul 2018

アイキャッチ
リニューアルした水木しげるロードは夜がおすすめ

さて、先日14日にリニューアルした境港の通称鬼太郎ロードに行って参りました。鬼太郎に会える町として新たに妖怪を追加して約800mの通りに177体の妖怪ブロンズ像がお出迎え、ゾーン分けをして再配置...

17 Jul 2018

著者

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

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

タグクラウド

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