wordpressページのソースコード表示した時に隙間と空白ができた原因はfunctions.phpだった!

カテゴリー︎: 【WordPress】

wordpressのページを表示した状態で
 
右クリックをしてhtmlソースコードを表示すると、
 
余計な行がでてしまいます。。。
 

ソースコード表示した時にできた謎の隙間と空白

↓(ピンクの部分)1〜29行目まで余計な行が。。。

 
なんだろなぁ〜
 
まあいいかなぁ〜と 

 

しばらく放置状態でした。。。
 

しかーし、突然htmlソースコードをキレイにしたい! 

 

美しいソースコードにしたいんです!

 
という欲求を抑えきれなくなり、
 

ソースコード表示した時に隙間と空白ができた原因を調べた結果

 

functions.phpに原因があった

wordpressで使うfunctions.phpコード内に空行や半角スペースがあると、
 
出力される html に空行やスペースが含まれてしまうようです。

 

functions.phpコード内の空行や半角スペースを削除することで、あっさり解決しました!
 
functions.phpの空行や半角スペース削除後↓(1〜29行目まで余計な行がなくなった)

 

htmlソースコードをキレイにしたら、
 
心もスッキリしました。 

PAGE TOP