アーカイブ

投稿日:

横型カレンダープラグイン for WordPress

デフォルトのテーマが超シンプルなので、横型カレンダープラグイン for WordPress(www.h-fj.com/blog/)を導入してみました。

  1. プラグインのインストール

    HorizontalCalendar_1_01.zipをダウンロードして解凍。

    horizontal_calendarフォルダをwp-content/pluginsディレクトリにアップロード。

    プラグイン管理のページでこのプラグインを有効化。

  2. テンプレートの更新

    ヘッダーのテンプレート(wp-content/themes/default/header.php)に下記の１行を追加。

    <?php get_calendar_horizontal(); ?>

  3. スタイルシートの更新

    スタイルシート(wp-content/themes/default/style.css)に以下の記述を追加して、表示位置や見た目をカスタマイズする。

    /* Begin Calendar Horizontal */
#wp-calendar-horizontal {
    margin : 0;
    padding : 3px 0;
    text-align : center;
}
#wp-calendar-horizontal a:hover {
    text-decoration : underline;
}
#wp-calendar-horizontal .saturday,
#wp-calendar-horizontal .saturday a {
    color : #00ffff;
}
#wp-calendar-horizontal .sunday,
#wp-calendar-horizontal .sunday a {
    color : #ff0000;
}
#today {
    background-color : #cccccc;
    border : 1px solid #000000;
}
/* End Calendar Horizontal */

  4. 動作の確認

    無事、横型カレンダーが表示されました＼(^Ｏ^)／

    横型カレンダープラグイン for WordPress