サイドバーのカスタマイズでウィジェットの大まかなマークアップを見てみました。今日は、一つ一つのウィジェットに当てられるクラス名を見てみたいと思います。ウィジェットごとにデザインを変えたいな〜〜、と思うときにお役立て下さい。行きます!カテゴリーカテゴリーウィジェットです。widget_categoriesがそれぞれ割り当てられます。カテゴリー一覧へのリンクがリスト形式で出力されます。liには、「cat-item」という共通のクラス名と、「cat-item-3」のようにカテゴリーidを含んだクラス名の2つのクラス名がつきます。含まれる投稿をすべて表示">Category1-1</a></li></ul>ページページウィジェットです。widget_pagesがそれぞれ割り当てられます。ページへのリンクがリストで出力されます。liには「page_item」という共通のクラス名と、「page-item-x」のようにページidを含んだクラス名の2つのクラス名がつきます。子ページはクラス名「children」のついたulで入れ子になります。title="page1-1">page1-1</a></li></ul></li></ul>アーカイブアーカイブウィジェットです。それぞれ割り当てられます。アーカイブへのリンクがリストで出力されます。最近の投稿ウィジェットです。widget_recent_entriesがそれぞれ割り当てられます。最近の投稿がリストでマークアップされてリンクとともに出力されます。title="テスト投稿2">テスト投稿2</a></li></ul>最近のコメント最近のコメントウィジェットです。widget_recent_commentsがそれぞれ割り当てられます。最近のコメントがリストでマークアップされてリンクとともに出力されます。ulにはid「recentcomments」が、liにはclass「recentcomments」がつくようです。idとclass名が同じですね。検索ウィジェットです。widget_searchがそれぞれ割り当てられます。ボタンのinputには「id=”searchsubmit”」がそれぞれ割り当てられます。テキストテキストウィジェットです。widget_textがそれぞれ割り当てられます。テキストは「textwidget」というクラス名のついたdivで囲まれます。自動的に段落を追加にチェックをいれた場合には、「p」が追加されます。class="textwidget"><p>テキスト</p></div>カレンダーカレンダーウィジェットです。widget_calendarがそれぞれ割り当てられます。「calendar_wrap」というidのついたdivに囲まれた、tableでマークアップされます。tableのidは「wp-calendar」です。メタ情報メタ情報ウィジェットです。widget_metaがそれぞれ割り当てられます。リンクリンクウィジェットです。widget_linksがそれぞれ割り当てられます。リンクのリストが、リスト形式で出力されます。href="http://codex.wordpress.org/">Documentation</a></li></ul>タグクラウドタグクラウドウィジェットです。widget_tag_cloudがそれぞれ割り当てられます。書き忘れないかな??いろいろごちゃごちゃしてるっぽいですが、基本的にウィジェット名がidに、ウィジェット名に「widget_」がついたものがクラス名になっている感じですね。「id名-x」のxの部分はそのウィジェットを作った数分の通し番号が数字で入ります。idやクラス名、そのウィジェットのある場所のidやクラス名をうまく組みあわせればデザインもぐっと広がるはず。Tenに限らずにいえば、設定次第でどこにでも入れる事が出来ます。どのようなidやクラス名がつくのかをしっかり把握しておけば、いろんな事が出来そうですね。Webourgeon。