カレンダーを出力する


WordPressでカレンダーを出力したい場合、ウィジェットに追加するのが一番手軽かと思いますが、
get_calendar関数にてカレンダーを出力することができます。

<?php get_calendar(); ?>
2017年10月
« 1月    
  1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31  

見た目に関してはCSSにて調整します。
現在の(2012年3月28日時点)最新バージョンWordPress 3.3.1のデフォルトのテンプレート、
Twenty Eleven」のstyle.cssにカレンダーのCSSが記述されているので、
そちらを参考にカスタマイズすると良いかと思います。

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

タグ: ,

記事公開日:
最終更新日:

コメントを残す

*上記画像の英数字を入力してください。