WordPress サイドバーのタグカスタマイズ

今日も目が赤いと言われたYu-ichiです

私だけかもしれませんがWordpressの標準テンプレートなど使っている際に
サイドバーのタグの使い方が凄く気になります。

<div><ul><li><div><p>ああああ</p></li></ul></div>

こんな感じで、滅茶苦茶なタグが・・・。

そこで、なんとかならないかと手を加えた結果
それなりの表示になったので、やり方をご紹介したいと思います。

 まず、「/wp-content/theme/テンプレート/sidebar.php」から<ul>タグを外します。
TwentyTenなら12行目あたりに開始タグ「<ul class=”xoxo”>」と
43行目あたりに終了タグ「</ul>」があるので削除してください。

次に、「/wp-content/theme/テンプレート/functions.php」から<li>タグを外します。
TwentyTenなら385~440行目あたりに

</p>
<p>  'before_widget' =&gt; '&lt;li id=&quot;%1$s&quot;&gt;',<br />
  'after_widget' =&gt; '&lt;/li&gt;',</p>
<p>

という記述があるので、それぞれ

</p>
<p>  'before_widget' =&gt; '',<br />
  'after_widget' =&gt; '',</p>
<p>

のようにシングルクォーテーションの中身を削除します。

これで、邪魔な<ul><li>タグがサイドバーの各ウィジェットから消えます。
さらに<div>まで削除したい場合は、「/wp-includes/default-widgets.php」を変更します。
Wordpress3.1.1なら382行目あたり

</p>
<p>&lt;div class=&quot;textwidget&quot;&gt;&lt;?php echo $instance['filter'] ? wpautop($text) : $text; ?&gt;&lt;/div&gt;</p>
<p>

ここの前後の<div>タグを削除してください。

これでサイドバーのタグもスッキリしますが
スタイルシートも同時に外れるので、それぞれ調整が必要になります。

ですが、意図したとおりのタグ設計とスタイルシートが適用できるようになるので
メリットは大きいでしょう。
是非チャレンジしてみてください。

最後に、誰かこれをプラグイン化してくれる方いませんか?w

トラックバックURL

コメントを残す

メールアドレスが公開されることはありません。