2008年1月21日(月)

« ページのタグ構造を表示するブックマークレット | トップページ | 座布団いちまいっ! »

ココログカレンダーPlus

ココログのカレンダーを拡張するスクリプト『ココログカレンダーPlus』を作成しました。
といっても、以前から公開している『バックナンバーに応じたカレンダーを表示するスクリプト』と機能的にそれ程かわらないのですが(笑)、以前のものが『LONGER THAN FOREVER』さんのカスタマイズカレンダーをよく内容を把握しないまま(ヾ(^^ ;)ヲイヲイ)ベースとして使っていたのに対して、今回のものはいちから作成しなおしたものとなっています。
必然的に、いろいろ不具合が発生してくるかと思います(ヲ。
主な違いとしては、
■追加・変更
  1. 外部CSSファイルの指定が可能(サンプルCSSファイルはこちら。本サイトで使用しているものはこちら)。
  2. 日付リンクにマウスをかざすと、その日に書かれた記事タイトルが表示される機能追加。
  3. ラインカレンダー機能を内蔵(オリジナルはあずスタさんの『ココログ・カレンダーを横一列に表示させるスクリプト』)。
  4. 週初めを月曜にするオプション追加。
  5. 前の月/次の月の移動用矢印(<<・>>)のカスタマイズ可能。
■削除
  1. 事前作成しておいた過去月カレンダーの読込み機能。
さりげに、以前の一番目玉な機能を削ってたりしますが……だって、月一回作成するのってやっぱり忘れちゃうんですよ(苦笑)
とりあえず試してみたいという方は、下のフォームによりブログパーツとして登録してみてください。
■ココログカレンダーPlusをココログに設置

作者名
提供元
パーツ名
パーツID
設置用HTML
お好みで設置用HTML欄(テキストエリア内)のオプションを変更してから登録することも出来ます。
なお、設置画面の確認欄には何も表示されませんが、そういう仕様です。
■注意事項
  1. 前提として、ココログ標準のカレンダーを表示しておくことが必要です。
    また、ご使用中のテンプレートによっては設置出来ない場合があります。
    次のブックマークレットをご自分のココログで試してみて、うまく動かないようなら設置は出来ませんのでご了承ください。
  2. 設置は自己責任でお願いします。

この記事をニフティクリップβに追加 この記事をはてなブックマークに追加 2008/01/21(月) 00:45 | | 記事の編集(管理者用)

風柳へひとこと(web拍手) 

ウェブログ・ココログ関連」カテゴリの記事

トラックバック

この記事のトラックバックURL:

記事との関連性が薄いものやSPAM等、管理人が不適切と見なしたトラックバックについては予告無く削除する場合が有ります。悪しからずご了承下さい。

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/161784/17770320

この記事へのトラックバック一覧です: ココログカレンダーPlus:

» 寒くなりました トラックバック A careful living
[主婦] ブログ村キーワード 寒くて暖房を付けるようになりました。 前の家では使 続きを読む

受信: 2008/11/23 9:31:50

» ココログのカスタマイズ トラックバック Cersの御気にめすまま
時間がとれたのでココログのカスタマイズをやってみました。 1.カレンダースクリプ 続きを読む

受信: 2008/12/20 22:54:27

» カレンダーも強化 トラックバック Bon。様邸
とりまえずラストのリフレッシュですかね[E:sign03]強化したトコ分かります 続きを読む

受信: 2009/05/04 18:08:18

コメント

ココログカレンダーに不満があったんですが、こんな便利なものを作って下さっている方がいたとは。
ありがとうございます!!

投稿: 富子 | 2008/02/12 7:33:07


富子さん、はじめまして。

お役に立てたようでしたら幸いです(^ ^)。
ココログが標準でサポートしてくれていたらよいのですけどね~。
バージョンアップのたびに微かな期待を抱いてるのですが(苦笑)。

投稿: 風柳>富子 さん | 2008/02/13 22:10:34


はじめまして Jのママと申します。
カレンダー用のスクリプト、 いろいろ試してみて
ココログカレンダーPlus を使わせていただくことにしました。
CSSでデザインできるのが嬉しいです。

コメントせずに失礼しておりますが、他にもスクリプト使わせていただいてます。
ありがとうございますm(_._)m

投稿: Jのママ | 2008/02/24 23:09:13


こんにちは、初めまして。
ココログカレンダーPlus設置いたしましたので、ご報告。
実は何度か付けて外ししてました、やはりあったほうが良いなと思いまして。

では、また。

投稿: 顔無し。 | 2008/03/04 15:09:07


Jのママ さん、はじめまして。お返事遅くなりました。

カレンダー他、いくつかスクリプトを使っていただいているようで。お役に立てたなら幸いです。

Jのママ さんのココログ、多肉植物のいろいろな顔がのっていて、楽しいですね。
思わず、ぴくとぽっぷ(http://furyu.tea-nifty.com/annex/2007/04/post_84ed.html)を使って堪能してしまいました(笑)。

投稿: 風柳>Jのママ さん | 2008/03/07 1:39:02


顔無し。 さん、はじめまして。
カレンダーPlusの設置ご報告どうもです。

毎日たくさんの記事を書かれているのですね!
カレンダーも一日の記事を複数表示出来るようにしたかいがあったというものです(笑)。

投稿: 風柳> 顔無し。 さん | 2008/03/07 1:42:09


2月12日にコメントした富子です。お世話になっております。
PCオンチなので変な質問をしてもいいでしょうか。。
ココログの記事を再編集して日付を指定して投稿し直すと、何故だかカレンダーの日付が前日に反映されてしまうんです。何度やってもそうなってしまいます。
こちらに伺うのは言いがかりかもしれません、すみません(>_<)!!
もし対処方法をご存知でしたら、教えて頂けないでしょうか?
お忙しい中、手数のかかる質問を長々と申し訳ありませんm(_ _)m

投稿: 富子 | 2008/03/16 5:52:36


先ほどのコメントですが解決しました。
不愉快な思いをさせてしまっていたらごめんなさいm(_ _)m
何かありましたら、これからも宜しくお願致します。

投稿: 富子 | 2008/03/16 7:44:55


状況がよくわかりませんでしたが、解決したようでしたらよかったです。

投稿: 風柳>富子 さん | 2008/03/16 10:53:29


初めまして。

ココログの標準カレンダーに少々不満がありましたので
何とかならないかと色々探しておりましたところ
こちらにたどり着きました。

簡単に設置でき、CSSのカスタマイズも
サンプルCSSのおかげで簡単に変更することができました。

おかげさまで本当に私が求めておりましたカレンダーになりました。
素晴らしいスクリプトを有り難うございます。

これを機に、今後も時折拝見させていただきます。

投稿: Quarternote♪ | 2008/04/03 12:07:30


Quarternote♪ さん、はじめまして。
カレンダー、気に入っていただけたようでうれしいです。

ブログをいろいろカスタマイズされる予定とか。

ココログは、使っていると色々不満も出てきますが、その不満がきっかけとなってか(?)個人でいろいろと便利なスクリプトやカスタマイズのノウハウを公開しておられる方々も多いように思います。
何事も悪い面もあれば良い面もある、ということでしょうか(苦笑)。

自作素材配布も楽しみにさせていただきます(^^)。

投稿: 風柳>Quarternote♪ さん | 2008/04/03 23:37:46


 はじめまして。

 貴ソフト、『ココログカレンダーPlus』、早速に、使わせて戴きました。
それで、質問なのですが。
週初めを月曜日にする方法が、当方が、おばかなので判りません。
恥ずかしい限りです。
大変にご多忙なところ、本当にすみませんが、どうぞ、教えて下さい。
よろしく、お願い致します。

 それでは。

投稿: のぞみ36号 | 2008/10/03 23:00:30


のぞみ36号さん、どうもです。

| 週初めを月曜日にする方法

記事中の『設置用HTML』フォームの中に、
Monday1st=false; // true: 月曜日を週初めとする
という行が有るかと思いますが、これを、
Monday1st=true; // true: 月曜日を週初めとする
のように修正(falseをtrueに変更)してから、[ココログに設置]を押して設置してみてください。

諸般の事情で回答が大変遅くなり、申し訳ありませんでした。

投稿: 風柳>のぞみ36号 さん | 2008/11/06 22:39:21


風柳管理人さん

 こんにちは。

 いいえ、自分のほうこそ、返事を差し上げるのが、大変に遅くなって、
ごめんなさい。
週初めを月曜日にする方法なのですが、ご案内戴いて、解決しました。
ありがとうございます。

 それでは。

投稿: のぞみ36号 | 2009/01/18 16:00:50


furyuさん、ココログカレンダーplusの件で質問です。

きよもりのブログではなくて、家内のブログに関してで恐縮ですが、今年1月からブログを始めたばかりで、毎日の更新に四苦八苦しています。
それでも2月、3月と続けてきて、少しは馴れてきたのか、ココログオリジナルのカレンダー表示には月が変わると前月が表示されないので、何とかならないかと聞いてきましたので、パーツを探して、furyuさんのココログカレンダーplusを探し当てて、大感激!
しかも各日付と当日の記事がリンクされていて、超便利で、家内も大満足です。
有り難うございます。

ところが、今日になって、カレンダーの日付と記事の日付が2日ずれていると言ってきました。

家内のブログは「ナッコ君」という名前です。
http://junko32.cocolog-nifty.com/blog/

そのカレンダーplusを見ると、
1月、2月は全く問題ありませんが、3月になると、
3/1の日付に3/1と3/3の記事
3/2の日付に3/2と3/4の記事
3/3の日付に3/5の記事
3/4の日付に3/6の記事
という感じで、3/3以降二日分ずれて表示されています。
さらに、今日3/18の記事が3/15のカレンダー日付にリンクし、3/17の記事のリンクが見あたりません。

スクリプトを見ても解決方法が判りませんので、コメント欄をお借りして、おたずねします。

ξ
■P きよもり 【山仲間】
E-mail : KGH03517@nifty.com
_/_/_/_/_/ 09.03.18 17:07 _/_/_/_/_/

投稿: きよもり | 2009/03/18 17:29:13


きよもりさん、どうもです。不具合報告ありがとうございます。

「ナッコ君」の方を拝見し、取り急ぎ対応させていただきました。
お手数ですが、ページを再読み込み(IEやFirefoxの場合、[Ctrl]+[F5])の上、ご確認お願いします。

蛇足ですが、スクリプトで日付を判別する際、トラックバック用の情報がページ内に埋めこまれている場合はそちらを優先して参照するようにしていたのですが、途中で設定が変わった場合(記事毎にトラックバック受付設定を変えた場合)を考慮していなかったのが原因でした。

投稿: 風柳>きよもり さん | 2009/03/18 19:57:27


風流さん
 早速対応していただいて有り難うございます。
 表示確認できました。
 これで、ナッコ君も喜びます。

 なかなか使い勝手のよいカレンダーですから、もっと広まればよいですね。
 ココログオリジナルのカレンダーは月替わりに対応していないから、風流さんのカレンダーplusを標準に採用してもらうわけにいかないのでしょうか。

投稿: きよもり | 2009/03/19 12:54:23


うまく表示されたようでよかったです。
#あ、そうそう。風"柳"なのでよろしくです(笑)。

オリジナルカレンダーが月替わりに対応していないことに対する不満は結構前から目にしますが、なかなか標準対応されそうにはないですね。

暴想さんが作られた「ココログ最強カレンダー」がブログパーツガーデンに登録されていますので、こちらを使いなさい、ということなのかも知れません。
http://blogpartsgarden.jp/campaign/special.html
#でも、トップ(http://blogpartsgarden.jp/)から検索してもなぜかひっかからないという……。

私も登録すればよいのかも知れないですが、なにせものぐさなものですから(苦笑)。

投稿: 風柳>きよもり さん | 2009/03/23 1:49:23


 初めまして。
 『ココログカレンダーPlus』、使わせていただいてます。ありがとうございます。

 機能的には大満足なのですが、デザイン的に気になる点があります。
 カレンダーの月表示と前の月・次の月の矢印のリンク部分が塗りつぶされたようになってしまうのです。
 見た目今いちなので何とかならないかと思うのですが、対応可能でしょうか?

 よろしくご検討をお願いいたします。

投稿: なな | 2009/04/29 19:39:51


なな さん、どうもです。

フォームの「設置用HTML」の続きに

<style type="text/css">
#calendar caption th {
background:transparent!important;
}
</style>

というのを書き加えてから設置してみてください。

投稿: 風柳>なな さん | 2009/04/30 0:21:42


風柳さま

早速のお返事、ありがとうございました。
ご教示の通りに直して設置してみたら、見事にきれいに表示されるようになりました。感激です。

日付にマウスオーバーすると記事タイトルが表示される機能、一日に複数の記事を投稿しても、全て表示されるのがとても気に入ってます。

素敵なカレンダーをありがとうございます。

投稿: なな | 2009/04/30 20:31:13


すばらしいカレンダー有難うございます。大変使いやすいです。

投稿: Nick | 2009/06/11 12:48:13


ご感想有り難うございます。
基本的には趣味で作ったものを公開しているだけですが、それでもやっぱり実際に使用した感想をいただけるとうれしいものですね(^^)。

投稿: 風柳>Nick さん | 2009/06/12 19:54:52


風柳さま。
初めまして、狗煉杷です。
少し疑問に思っていたカレンダーを
ココログカレンダーPlusで解消されました!!
本当にありがとうございます。
使っていて一つ思う所がありました。
日付部分に網(?)がかかっていて私のブログでは
投稿した日がとても判りにくいのです。
出来れば網(?)を取り除きたいのですが、それは可能でしょうか?
最初はラインカレンダーを設置したのですが機能は
ココログカレンダーPlusの方が好みなので
どうしても外したくありません。
便利な機能を作って頂いているのに
何だか不躾な質問、大変申し訳有りません。
もし解決方法ありましたら、お教え下さい。
宜しくお願い致します。
長文、失礼致しました。

投稿: 狗煉杷 | 2009/08/17 17:00:29


風柳様、狗煉杷です。
続けての投稿、大変失礼致します。

ココログカレンダーPlusを設置した時は
『日付リンクにマウスをかざすと、その日に書かれた記事タイトルが表示される機能追加』が機能していたのですが
表示されなくなってしまいました。
『テンプレートによっては表示出来ない可能性も』と
説明文が書かれていましたが設置当初は表示出来ていたので
大丈夫と思っていたのですが・・・・・。
途中で表示されなくなったりするのでしょうか・・・?
PCは右も左も判らない初心者同然ですが
並べ替えとか、いったん削除してもう一度設置し直したりを
してみたのですが・・・・もう全然、判りません。

お忙しくて、初心者相手に回答するのは
本当に大変だとは判っていますが
解決方法を宜しくお願い致します。

またも長文、失礼致しました。

投稿: 狗煉杷 | 2009/08/18 2:25:31


狗煉杷さん、どうもです。回答がおそくなりましてすみません。
解決出来るかどうかわかりませんが、以下の方法をお試し下さい。

1. 旧カレンダー設置用の記述をすべて削除する。
具体的には、
<!--【JavaScript版カレンダー】 -->
から
// === [カスタマイズカレンダー呼出]
checkCreateCalendar();
//-->
</script>
まで。

2. HTMLの不具合を修正する。
 具体的には、「訪問ありがとぅ★」の少し下のほうに、
>#recent-entries li.latest { /* 最近の記事 */
  list-style: none inside url(http://wold-war3.air-nifty.com/new4.gif);
}
/style>
のようになっているところがありますが、これを
#recent-entries li.latest { /* 最近の記事 */
  list-style: none inside url(http://wold-war3.air-nifty.com/new4.gif);
}
</style>
のように修正する。

3. 本文中にあるココログカレンダーPlus用の『設置用HTML』の続きに
<style type="text/css">
#calendar .ct_week td a {
background:transparent!important;
}
</style>
というのを追記してから、[ココログに設置]ボタンで設置する。

以上、お試し下さい。

投稿: 風柳>狗煉杷 さん | 2009/09/17 16:32:38


狗煉杷です。
風柳様、HP閲覧遅れまして申し訳有りません。
本日、記述通り修正して早速カレンダーを設置しました。
不躾な質問にも関わらず、判りやすい回答を頂いた上、
問題点もご指導下さってお忙しい中、本当に有難う御座います。
色々試してみて、やっぱり【ココログカレンダーPlus】が良かったので
設置出来て、大変満足しています。
本当に本当に、感謝しています。
有難う御座いました!!

投稿: 狗煉杷 | 2009/09/27 14:19:32


はじめまして。
ココログカレンダーPlus、とてもいいですね。

ただ一つ残念なのが、私が使用してるテンプレートでは
年月と曜日の表示の間が大きく空いてしまいます。
このような感じです。


    << 2009年9月 >>    
 
 
 ------------------
  月 火 水 木 金 土 日 


これさえ何とかなればなぁ・・・と思い、
コメント欄に記入させて頂きました。

投稿: ponpon | 2009/09/29 16:26:34


ponpon さん、どうもです。

たぶんCSSの調整でどうにかなるかも知れませんが、実際のサイトのアドレスが書かれていないので試すことができず……。
差し障り無いようでしたら、ponpon さんのサイトを教えていただきたいのですが。

投稿: 風柳>ponpon さん | 2009/09/30 1:51:46


こんにちは、ponponです。

すみません、ローカルに公開してるサイトなので
URLはご勘弁下さい。

ココログデザインのサンプルページで
『ココログカレンダーPlusを試す』で再現しますので
勝手言って申し訳ないのですが
そちらでお試し下さいませんか。。。

使用してるテンプレートは
『アクア/エメラルド』の3列表示です。

よろしくお願いします。

投稿: ponpon | 2009/09/30 13:36:48


ちょっと自信はないのですが、本文中にあるココログカレンダーPlus用の『設置用HTML』の続きに
<style type="text/css">
#calendar caption {
height:2em;
}
</style>
を追加してみてください。

投稿: 風柳>ponpon さん | 2009/10/01 0:59:06


こんにちは。
残念ですが効果なしです。

投稿: ponpon | 2009/10/01 14:21:43


ご面倒ですが、今度は、
<style type="text/css">
#calendar table {
  margin-bottom: 2px!important;
}
</style>
としてみて下さい。多分いけるんじゃないかと……。

投稿: 風柳>ponpon さん | 2009/10/01 21:53:54


こんにちは。

効果ありました!
CSSの調整でどうにかなるかもしれない
とのお話でしたので
あれこれimportantしてみたのですが
これだったんですね。

ありがとうございました。
うれしー。

投稿: ponpon | 2009/10/02 15:22:04


原因を突き止めるまで結構時間かかったけれど、うまくいって良かったです(前回の奴でもInternet Exploer以外はちゃんと表示されたんですけれどね……)。
ちなみに今回は、『アクア/エメラルド』の3列表示で使われているCSS
http://template.cocolog-nifty.com/000230/three_column/component/styles.css
の中で
#calendar table {
margin-bottom: 28px;

となっていたのが原因でしたので、これを打ち消しています。

投稿: 風柳>ponpon さん | 2009/10/03 0:58:45


ココログカレンダーに不満があり、探していました。

やっとここのサイトにたどり着き、設置完了。

感謝感激です。

ありがとうございました。

投稿: エミリ | 2009/11/05 10:52:16


エミリ さん、どうもです。
お役に立てたなら幸いです。
趣味で作ったものですが、こうやって感想もらえるとやっぱり嬉しいですね。

投稿: 風柳>エミリ さん | 2009/11/05 19:21:43


初めまして、かーさんと申します。
カレンダーをどーにかしたいと思い、
検索していたら此方に辿り着きました。

ココログカレンダーPlusを使わせて頂き
思ってた機能以上の物があり感激しております。

ただ・・・色を変更したくて、
何処をどうしたら良いか分かりません><
教えて頂けると助かります。

宜しくお願い致します。

投稿: かーさん | 2009/12/31 15:59:05


文字の色などを変更する場合には、スタイルシート(CSS)というもので指定してやる必要が有ります。
もっとも簡単なのは、本文中にあるココログカレンダーPlus用の『設置用HTML』の続きに
<style type="text/css">
/* ■この部分にCSSを記述 */
</style>
のように追加してやる方法でしょう。

例えば、記事の無い日付の色を緑、記事の有る日付(リンク付)を橙にしたい場合、
<style type="text/css">
#calendar .ct_week td {
    color: green;
}
#calendar .ct_week td a:link, #calendar .ct_week td a:visited {
    color: orange;
}
</style>
のように記述してから、[ココログに設置]ボタンを押して設置します。

投稿: 風柳>かーさん さん | 2010/01/03 8:16:31


コメントを書く