便利!ココログベーシックでタイトルのみを表示させるJavaScript
ココログってバックナンバーが読みづらいなぁって思ったことはないでしょうか。
僕は毎日思っています。
そりゃ、ココログプロに申し込んで頑張れば読みやすいバックナンバーを作ることも可能でしょう。
でも、プロは月に1000円もかかるのです。
しかも、頑張らないとバックナンバーは読みやすくなりません。
なんで、ココログのバックナンバーは読みにくいのでしょうか。
それは、目次がないからです。
目次とは、タイトルのみのリストということです。
ココログにはカテゴリ別バックナンバーというモノがあります。
例えば、僕のココログのネタカテゴリのバックナンバーを見てください。
この1年間でネタについて書いた記事が全部載っているわけですが、目次がないから全然わかりません。
そこで、タイトルのみを表示させるJavaScriptです。
すでに、僕のココログには設置してあるのでお気づきかと思います。
先ほどのネタカテゴリのバックナンバーの上に書いてある“タイトルのみを表示”をクリックしてみてください。
凄く見やすくなったかと思います。
一目瞭然です。
素晴らしい。
あー、こんなネタをこの一年間書き続けてきたのか、、自分、、。
ちなみに、URLの末尾に「#type=title」と付けるとダイナミックにタイトルのみ表示モードで表示されるようにしました(Safari以外)。
例えば、さっきのネタカテゴリのタイトルのみをいきなり表示。
リンクを直接張りたいときとかなんかに便利だと思います。
月別バックナンバー、カテゴリ別バックナンバー、トップページというように、全てのページにてこの機能は有効です。
JavaScriptで動的に処理しているために、一度設置してしまえばメンテナンスフリーです。
皆さんのココログにも設置してみてはいかがでしょうか。
(追記)
暴想: タイトルと概要を表示するJavaScriptってのも作った。
ということで、設置の仕方を説明します。
まずは、ここにあるJavaScriptのコードをコピーしてください(ブラウザ上でクリックすると多分文字化けるからエンコードをUTF8にして表示。わかんない場合は、右クリックしてファイルを保存してテキストエディタで表示。)。
次に、ココログにログインします。
そしたら、マイリストの項目に行き、リストのタイプを「リンク」にして新規作成してください。
名前は何でも良いですが、例えば「タイトルのみ表示」にして下さい。
そうしたら、「項目の追加」で「メモ」の部分に上記JavaScriptのコードを貼り付けて下さい。
そんでもって、「設定」のタブへ行き、下の段の「テキスト表示」のチェックボックスをオンにします。
設定を保存します。
(ここまでは、ココログヘルプのここに書いてあることと同じ)
んでもって、この機能をつけたいブログのデザインタブのコンテンツタブを表示して、先ほど追加した「タイトルのみ表示」のマイリストの表示を設定オンにして、保存します。
最後に、これは重要ですが、デザインの並べ方の項目へ移動し、この「タイトルのみ表示」を右サイドバーに持って行って下さい。
これは重要です。左サイドバーだと動きません。
なので、「二列左」なレイアウトだとこの機能は使えません。
最後に設定を保存すれば、ちゃんと動いているはずです。
あと、このスクリプトはココログ専用です。
ちょっと改造すれば他のブログサービスでも使えると思いますが、、。
なんで、勝手に改造して使っていただいて構いません。
商用利用も何利用もご自由にどうぞ。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- インターポットのロゴが中吊りにいた(2012.11.10)
- ココログ広場はどれくらい「重い」のか。(2012.07.07)
- つぶやき欄でブログの宣伝をした場合、注意書きが赤くなるようになった件について(2011.10.01)
- インターポットは1つのアカウント(=土地)が1つの星なんじゃないだろうか(2011.09.10)
- 「ハローキティ」のデザイナーの「山口裕子」さんが普通にココログ広場でつぶやいている件について(2011.08.26)
「JavaScript」カテゴリの記事
- ブログパーツガーデンに、拙作ブログパーツが紹介されました。(2007.04.17)
- ココログ最強検索(cocolog_ajax_search.js)をブログパーツ対応した。(2007.04.12)
- カレンダーで、いろんな人が動かなかったのを修正(2007.02.28)
- 密かに、閏年に対応。(2007.02.27)
- ココログ最強カレンダー(cocolog_ajax_calendar.js)をリリース(2007.02.26)
この記事へのコメントは終了しました。
コメント
「タイトルのみ表示」の状態で、リンク先をクリックしてブラウザの戻るをした時に、タイトルのみ表示の状態で表示されるようにした。
同時に、URLの末尾に「#type=title」と付ければタイトルのみ表示でページが表示されるようにした。
↑Safariだと動かない。
投稿: なおゆき | 2005.09.24 01:42
こんにちは、はじめまして。
すごく便利なスクリプトですね♪
「私の探していたのはこれなのよ!」って感じでした。
早速お借りしました。
どうもありがとうございました(^^)
※TBも送信させて頂きました。
投稿: tako | 2005.09.24 13:29
> takoさん
さっそくありがとうございます!
今まで手動で管理されていたのですか…そ、それは大変ですね……(笑)
投稿: なおゆき | 2005.09.24 16:18
デザインをメタルにしたら、レイアウトが崩れるケースがあることが判明したので、修正。
これで多分、HTML構造がココログデフォルトのままである限りほとんどのケースでレイアウトが崩れなくなったと思う。
div id centerを中心に今まで処理をしていたのをdiv class contentを中心に処理をするように変更した。
投稿: なおゆき | 2005.09.24 19:39
あー、ココログデザインのいろんなテンプレートで試してみたら、こった奴はやっぱり崩れるなぁ、、。
うーん。
投稿: なおゆき | 2005.09.24 19:54
はじめまして~こちらのスクリプト利用させてもらいましたー
ですが。。。見ていただきたいのですが、タイトル表示とタイトルと概要のボタンを押すと字がかなり小さくなってしまうのです。
どこを修正したらよいかご教授ください、また記事を選んで表示すると前後のページのタイトルが枠外に表示され、さらに左よりになってしまう件についても、教えていただけたらうれしく思います。
投稿: りょうや | 2005.12.18 18:29
なおゆき様
初めまして。
いきなりド素人な質問で恐縮ですが、「タイトルのみ表示/タイトルと概要を表示」を是非小生のブログにも取り付けたく試してみたのですがうまくいきません。現在小生はtypepad.jpを使っておりまして基本的にココログもtypepad.jpと同じという認識のもとに行ったのですがやはり違うのでしょうか。
お忙しいとは思いますが何卒ご教授ください。どうか宜しくお願いいたします!
投稿: yoichi | 2006.12.18 13:05
なおゆき様
自己レス、失礼いたします。
先日お尋ねしていました件、やはりTypepadでは使えないことが分かったのですが、facet様が改変バージョンを提供してくださいました。
一応、ご報告まで。いずれにしろ、暴想様のスクリプトのお陰で大変助かっております。ありがとうございます。
投稿: yoichi | 2007.01.06 18:11
前からバックナンバーのページはなんとかならないかな、と思ってました。
早速、利用させていただきました。
どうもありがとうございました。
投稿: ふじ | 2007.03.13 01:38
いつも参考にさせていただいてます。
KOROPPYさんのところ
http://koroppy.cocolog-nifty.com/blog/2005/10/post_10c7.html
を参考にやってみたのですが・・・
ソニーミュージックのオトフレームというのが表示されなくなってしまいました。
「タイトルと概要の」スクリプトがあるとそのオトフレームが機能しないんです。
(本来、CDのジャケ写表示と曲へのリンクが出来るところが、接続中の表示に)
こちらの「タイトルのみを表示させる」機能は素晴らしいので使いたいのですが、オトフレームとの両立って無理でしょうか?
そんなの知らねぇよって感じかもしれませんが(^_^;)良かったら、お教えください。。。
投稿: しずく | 2007.03.24 10:10
> しずくさん
あー、あり得そうですね。
時間があるときに見てみたいとは思いますが、気長にお待ち下さい。
投稿: なおゆき | 2007.03.24 18:07
なおゆき様
以前からタイトル一覧を使いたいと思っていましたが、こちらのスクリプトでようやく念願かなったりという思いです。
感謝感激でありがとうござました。
投稿: N_ardis | 2007.05.11 21:28
すいません、カテゴリを選択した後にダイレクトにタイトルと概要を表示させたいのですが、
>URLの末尾に「#type=title」と付けるとダイナミックにタイトルのみ表示モードで表示されるようにしました
と書かれているURLの末尾とはスクリプトのどの部分なのでしょうか? この設定をどこに記述すればよいのかわからない状況です。もしお時間ありましたら教えてください。すいません。
投稿: すもも | 2007.05.28 00:37