ウイジットのカレンダーや「カテゴリー」「最近の投稿」などの表示をカスタマイズしたい

わいひらさん、こんばんは。
早速ありがとうございます。

(1)リンクなど、ありがとうございます。
　ただ、今現在Simplicityで表示されるデフォルトのものをカスタマイズする事は出来ないのでしょうか？
　その場合はどのコードを書き換えれば良いのでしょうか？

(2)やってみたら出来ました。ありがとうございました。

わいひらさん、こんばんは。
早速ありがとうございます。
エントリでわざわざ書いてもらって恐縮です。
これから試してみます。
本当にありがとうございました！

こんな方法もあります。

◆javascript.js(できれば子テーマ)
$(“#wp-calendar thead th:eq(0)”).addClass(“sun”);
$(“#wp-calendar thead th:eq(6)”).addClass(“sat”);
//$(“#wp-calendar thead th:eq(5)”).addClass(“sat”);
//$(“#wp-calendar thead th:eq(6)”).addClass(“sun”);
//ここは日曜日を最初に表示しているか最後に表示しているかで変わります。

◆style.css(できれば子テーマ)
#wp-calender .sun{
color: rbga(255,0,0,0.8); /*もしくは color:red; とか color:#F00; */
/*その他諸々*/
}

説明すると、#wp-calenderのtheadのthが0と同等になった時、sunと言うclassを追加。同じくして、thが6と同等になった時satと言うclassを追加。
CSSにてすでに.sunは設定してあるので、classが追加されたらその内容が表示されます。
th:eqをtrにすれば、trの0番目と6番目に同様にclassが追加されますが、文字の色を変えるような場合は、違うclass名にするか、css側で、どの要素(thかtr)の子要素であるとセレクターを指定しなくてはいけません。

考え方として、classがついてないならつければいいじゃんって感じです。
cssで指定の要素に枠色を付けたいと言うことなので、border:1px solid #f00とかかなぁと。

#wp-calender{
width: 100%;
}

#wp-calender tbody{
text-align: right;
}
一応このスタイルでサイドバーの横幅いっぱいと、文字をセンターにすることが可能です。
実際には試していないので多分これでイケるんじゃなかろうかという感じですが、色々試してみて下さい。

◆ **:eq(0)とは、

<thead>
	<tr>
		<th scope="col" title="日曜日">日</th>
		<th scope="col" title="月曜日">月</th>
		<th scope="col" title="火曜日">火</th>
		<th scope="col" title="水曜日">水</th>
		<th scope="col" title="木曜日">木</th>
		<th scope="col" title="金曜日">金</th>
		<th scope="col" title="土曜日">土</th>
	</tr>
</thead>

このようなhtmlがあった時、thead th:eq(0)はthの0番目、つまりこのHTMLでは日曜日を表しています。
$(“#wp-calendar thead th:eq(0)”).addClass(“sun”); が実行されると、

<thead>
	<tr>
		<th scope="col" title="日曜日" class="sun">日</th>
		<th scope="col" title="月曜日">月</th>
		<th scope="col" title="火曜日">火</th>
		<th scope="col" title="水曜日">水</th>
		<th scope="col" title="木曜日">木</th>
		<th scope="col" title="金曜日">金</th>
		<th scope="col" title="土曜日">土</th>
	</tr>
</thead>

というようにclassが追加されます。