CSS今日もまたコーディング。Codingが大好きだから。新しいブログを作っている。古いブログからテーマファイルを持って来て、ちょっといじって適用してみた途端......CSSが消えてしまった。あれ?カスタマイザーのライブプレビューではちゃんと適用されていたのに......テーマを有効化するとCSSが消える。開発者ツールでCSSを検索してみても、カスタマイザーの中ではちゃんとapp.cssがlink要素から参照されている。media="all">有効化した時にはこれが消えてしまう。CSSの登録を行っているはずのfunctions.phpを確認してみた。wp_enqueue_style('app');});もちろん、やっている。いうか、このテーマを別のブログで使っているので、やってないわけがない。テーマカスタマイザーでも表示されているわけだし。「CSSの表示に必要なことはすべてやっている証拠があるのに、有効化した時だけ表示されていない」という状態。結論がわかった今から考えると、この辺で、正解に気づいておくべきだったという気もする。スラッシュがないとダメ、スラッシュがあってもダメふと思いついたのは、スラッシュの付け間違いとかそういうことなのではないか......ということだった。get_template_directory_uri()がスラッシュまで補完してくれちゃってたりとか......。get_template_directory_uri().'/css/app.css'ではなく、get_template_directory_uri().'css/app.css'にしてみた。すると予想外のことが起きた。media="all">消失していたはずのlink要素は無事出現したんだけれど、スラッシュが抜けている。あははー、そうだよな、スラッシュはつけなきゃダメって、教わったもんね......とスラッシュを付けなおすと、link要素は消失した。つけるとhrefが壊れる、つけないとlink要素そのものが消える。StackOverflowで質問してみるGoogleでいろいろ探してもそれらしき情報がないので、StackOverflowで質問してみることにした。Overflowここで教えてもらって、wp_register_style()は不要と教えてもらった。);});しかし肝心のスラッシュ問題は解決しない。デバッグモード、ログ取得そういえば、デバッグモードを使ってなかったな、と気がついて、デバッグモードにしてみた。Styleログなしでもいいか......とやってみたんだけど、ブラウザに何のアラートも出ない。んん......何も出ないと張り合いがないな。念のため、ログもとってみるか......。ログをとってみたら、なんか出てる。98なんじゃこりゃあ?プラグインのAutoptimizeがエラーを吐いているみたい。わからんけど、気味悪いしパフォーマンスが落ちても本末転倒だから、停止しとくか......。Autoptimize停止。media="all">おおおおおお前かぁ!AutoptimizeのCSS最適化のどこかで影響受けていた模様。Google様で調べると、「エラーが起きる場合は、たいていテーマファイルの方がどっかおかしいです」とあるので、悪いのは私のテーマでした本当に申しわけありませんでした。自分なりにテーマ作成でチェックしたい項目の覚え書き。エンジニア文章、写真、デザイン、コーディングまで一通りこなす自走式フルスタックブロガー。読者になる@mogami74をフォローはてなブログをはじめよう!mogami74さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。