カレンダーを出力する


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

<?php get_calendar(); ?>
2018年9月
« 2月    
  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

見た目に関しては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;
}

タグ: ,

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)