子テーマ機能を使ってTwenty Elevenをカスタマイズしたらコメントの吹き出しが崩れた

hukidashi

結論から発表します

 Head Cleanerの設定ミスでした。

 Head Cleanerの設定項目で、”CSS に含まれる画像の URL を、データスキーマ URI に変換する”という項目があります。普通にTwenty Elevenテーマを使っていときは、チェックを入れても問題ありませんでしたが、子テーマとして適用する場合は、チェックを外したほうが良いみたいです。

素人のHead Cleanerの使用は注意

 いやあHead Cleanerは素人が適当にイジると痛い目にあいますね。というかですね、私はCSSもPHPも、ていうかHTMLですらうろ覚えですから。CSSからimgを呼び出せることを初めて知りました。

TwentyThirteenの子テーマに足りない画像をコピーする | work.log.

 このサイトを参考に、”images”フォルダを子テーマフォルダにコピーしたのですが、ダメでした。ブラウザキャッシュからWP Super CacheやらHead Cleanerやらすべてキャッシュをクリアしてもダメでした。

ソースを読む

 しかたなく、htmlのソースを読んでみる訳です。imgで検索しても無いじゃあないですか。で、親テーマのTwenty Elevenのstyle.cssを読んでみて、あーここでimgを呼び出しているのかと理解した時…… あっ。Head Cleanerにそんな項目あった。

 謎はすべて解けた、じっちゃんの名にかけて!

 いやあ、素人運営は本当に怖いですね。その昔、CGIを暴走させたのはいい思い出。睡眠時間ダダ減りですよ、もう私のバカ。

 ほかにもコメントが付いた時の挙動や、検索枠の虫眼鏡画像が☓になっていたら、私と同じ原因かもしれません。

 

はじめての簡単 WordPress入門「決定版」 (BASIC MASTER SERIES)
原 久鷹
秀和システム
売り上げランキング: 8,514

作成者: いわみ まこと

肉体労働者。趣味は心身操作の探究と実践、読書とゲームと衝動買い。