当ブログの WordPress カレンダー CSS
知人が突如
「このブログのカレンダーええなぁ。。。くれ!」
とか言い出すw
相手は女性なので、正確な言い方は、もっと丁寧だったけどねw
彼女のブログがどこにあるのかすら、おいら知らんのだけど・・・ (・ω・`)
最近は、ブログにカレンダー付けてる人も少ない気がするが、
使いたい人はどぞ(転載する際は、リンク貼ってくれれば、ピョンピョン跳ねて喜びますw)
/*
カレンダー
Thought is free
https://thk.kanzae.net/
*/
#sidebar .widget_calendar {
margin-bottom: 40px;
}
table#wp-calendar {
table-layout: fixed;
width: 100%;
margin: 5px auto 0 auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table#wp-calendar caption {
margin: 10px 0 0 0;
padding: 2px;
width: auto;
text-align: center;
font-weight: bold;
background-color: #fff;
border: thin solid #ccc;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
table#wp-calendar #today {
display: block;
font-weight: bold;
background-color: #ffec67;
border: thin solid #ccc;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1;
}
table#wp-calendar .pad {
font-weight: bold;
background-color: #fff9f9;
}
table#wp-calendar th,
table#wp-calendar td {
padding: 2px auto;
vertical-align: middle;
text-align: center;
}
table#wp-calendar td {
line-height: 1.8;
border: thin solid #ccc;
background-color: #fff;
}
table#wp-calendar th {
font-style: normal;
font-weight: bold;
color: #fff;
border-left: thin solid #ccc;
border-right: thin solid #ccc;
background-color: #333;
}
table#wp-calendar a {
font-size: 12px;
color: #00a0dd;
padding: 0;
text-decoration: underline;
}
ディスカッション
コメント一覧
はじめまして。
久しぶりにテーマ制作やっていて、ウィジェットまで手が回りそうになく、良いのを探していたところ辿り着きました。
現行バージョンでもクラスが変わっていないみたいだったので使えました。
ありがとうございます。
teta さん。
WP 5.4 以降だと、月移動のナビゲーションがテーブルの外に出ちゃったんで、そこだけ何とかすればって感じですね。
ワードプレス超初心者です。テンプレートのカレンダー表示が上手くできず、hoverの部分、困っていました。
こちらを使わせて頂いたところ、表示が上手くできました。ありがとうございました。
(ただし、タブレット・スマホ表示はうまくいくのですが、PC表示が上手く出てこないです。設定の仕方が違うのだと思うのですが、自分でいじってみます。)
吉田モーモー さん
ご使用いただきありがとうございます。
満足いただけたら幸いです ヽ(´ー`)ノ
PC はどういう状態なのか分からないので、何ともいえませんが
管理人様
はじめまして。
ワードプレスのカレンダープラグインを探しておりましたが、いいものが見つからず、ここにたどり着きました。
超初心者でありまして、テーマをいじるのは勇気が要るのですが、管理人様が使っておられるカレンダーが私が探していたものであったので、思い切って作業してみました。
結果、うまく表示させることができました。
ありがとうございます。
これからもよろしくお願いします。