HOME > blog > WPカスタマイズ備忘録 > テーマ「twentyten」カスタマイズ サイドバーとフッターの入れ子を解消

テーマ「twentyten」カスタマイズ サイドバーとフッターの入れ子を解消

吐き出されたページのソースを見ていると、サイドバーとフッターが激しく入れ子になっている。

<li id="recent-posts-4" class="widget-container widget_recent_entries">
<h3 class="widget-title">タイトル名</h3>
<ul>
<li>文字</li>
</ul>
</li>
なぜこうなっているか、理由が私にはよくわからないので、 とりあえず、外側をdivでくくることにした。 書き直すのは「functions.php」 373行目のfunction twentyten_widgets_init以下のArea 2~6。

		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
		'after_widget' => '</li>',
これがウィジットの大外のくくりの部分なので、これを以下のようにdiv組に直す。

		'before_widget' => '<div id="%1$s" class="widget-container %2$s">',
		'after_widget' => '</div>',
それと、sidebar.php と sidebar-footer.php から <ul class=”xoxo”>と相方の</ul>を削除する。 sidebar.phpでは 2カ所に各一対、sidebar-footer.phpには 4カ所に各1対ずつある。 デフォルトのままだとcssはそのままでも不具合はないみたい。