----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7.2
カテゴリー数：18
タグ数：124
ユーザー数：1
----------------------------------------------

●現象

図1のように、例えフッター中が空のときでも<div></div>間に余白が入る。
<div></div>間に余分な半角スペース、改行を出力したくない。

●原因

以下でタグ中に改行などが入るため、改行が入ってしまう。

https://github.com/xserver-inc/cocoon/blob/9de25495672df296f5a73e4d4f9f342ec3861110/footer.php#L51-L62

●対策

以下のように変更する。

             <div class="footer-left"><?php   if ( function_exists('dynamic_sidebar') && dynamic_sidebar('footer-left') )   : else : ?><?php endif; ?></div>
             <div class="footer-center"><?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('footer-center') ) : else : ?><?php endif; ?></div>
             <div class="footer-right"><?php  if ( function_exists('dynamic_sidebar') && dynamic_sidebar('footer-right') )  : else : ?><?php endif; ?></div>

●余談

以下ですがwidth:33.33%よりflex:1（均等幅）がいいのでは？

https://github.com/xserver-inc/cocoon/blob/9de25495672df296f5a73e4d4f9f342ec3861110/style.css#L8345-L8349

●目的

ウィジェット「フッター」は3つ固定となっている。
このため、フッター中を使わないと、空白があく。

これを改善し、使われているエリアに応じ、例えば2つなら50%、50%としたい。
そのため、CSSの:emptyで判断できるようにしたい。
現状、改行などが入りemptyと判断されない。

footer.phpを改善すると、以下のCSSにすることで、使用しているフッターエリアに応じ、エリア幅を33%、50%、100%と可変とすることができる（図2）。

★footer.phpで未設定の場合、フッター左、中、右、自体を出力しないとすることも可能。
ただ、影響がありそうなので、そこまでは希望しない。

.footer-widgets > div:empty {
  display: none;
}

.footer-left, .footer-center, .footer-right {
  flex: 1;
}