風柳亭: 【メモ】ココログのマイリストを記事中に埋めこむ

2006年3月19日(日)

【メモ】ココログのマイリストを記事中に埋めこむ

マイリストを記事中に埋めこめたら、文字を大きくしたり見やすく表示できるのになぁ……
と思って試してみたら、出来てしまったので、とりあえずメモ書き。

記事中に、こんなの(↓)を貼付ける、だけで出来てしまいました。

当然ながら、プレーンテキストモードかHTMLの編集画面で貼り付けのこと。

あ、list_1 の '1' はマイリスト番号で、リストによって変化します。
本当はこれの簡単な調べ方が判ればいいのですが……。
プラス／プロコースの場合には、マイリストのバックアップをとる際(OPMLの書き出し)のファイル名が"list_x.opml"になっているので、わかりやすいのですけれど。
フリー／ベーシックには書き出し機能はないのですよね……？

それと、これはマイリストに登録されている全項目ではない点に注意。
あくまでマイリストの設定で、『ブログに表示するリストの項目数』で設定した項目が上限となっているようです。

サンプルは、こんな感じ(本タイプのマイリストを貼り付け……しかし、こんなのを一時サイドバーに設置していた私って(^^;)。

こんなに簡単に設置できる、ということはもしかしてFAQ？ココログのヘルプに載っていたりして……いかに検索が下手かばればれ？

事前にブラウザで、

http://(自分のサイトのURL)/lists/list_x/module.inc

を表示すれば(xはマイリスト番号)、内容も確認できたり(→例)。

ちなみに、うちでは本文の前に次のようなスタイルシートも設定してみました。

ついでに、サイドバーに次のようなスクリプトを追加して、リストタイトルにもリンクを設置してみたり(笑)。

<script type="text/javascript">
<!--
function addLinktoH2( h2, url ) {
    if ( h2.getElementsByTagName('a').length ) return ;
    var link = document.createElement('a') ;
    link.href = url ;
    link.innerHTML = h2.innerHTML ;
    h2.innerHTML = "" ;
    h2.appendChild( link ) ;
}   //  end of addLinktoH2()

function addLinktoListTitle( catId, url ) {
    var div = document.getElementById(catId) ;
    if ( !div ) return ;
    var h2s = div.getElementsByTagName('h2') ;
    if ( !h2s || h2s.length == 0 ) return ;
    addLinktoH2( h2s[0], url ) ;
}   //  end of addLinktoListTitle()

function addLinktoCategory()
{
    addLinktoListTitle( "archive-category", "./archives.html" )
}   //  end of addLinktoCategory()

function addLinkToMyList()
{
    var titleToLink = {
      "リンク"       : "http://furyu.tea-nifty.com/annex/2006/03/post_12ec.html" ,
      "積読メモ"     : "http://furyu.tea-nifty.com/annex/2006/03/post_b93e.html" ,
      "書庫"         : "http://furyu.tea-nifty.com/annex/2006/03/post_a424.html" ,
      "きまぐれな風" : "http://furyu.tea-nifty.com/annex/2006/03/post_0214.html" ,
      "小技メモ"     : "http://furyu.tea-nifty.com/annex/2006/03/post_8278.html" ,
      "[タイトル]"   : "[リンク先URL]"
    } ;
    var h2s = document.getElementsByTagName('h2') ;
    for ( var ci=0; ci < h2s.length; ci++ ) {
        if ( titleToLink[h2s[ci].innerHTML] ) {
            addLinktoH2( h2s[ci], titleToLink[h2s[ci].innerHTML] ) ;
        }
    }
}   //  end of addLinkToMyList()

// --- call functions
addLinktoCategory() ;
addLinkToMyList() ;
//-->
</script>

さすがにTypePad(Movable Type)用のタグを埋めこむのは無理そうなので、『最近の～』を記事に埋めこむのは出来ていませんが。

2006/03/19(日) 13:36 | 固定リンク | 記事の編集(管理者用)

「おもいつき」カテゴリの記事

無粋(2010.11.21)
マッサージクッションの正しくないかも知れない使い方(2010.11.19)
もし、思考が映像化される装置が出来たら…(2010.11.20)
ココでも：ココログ広場ユーザーのブログをキーワードで検索するサービスを試作(2010.10.29)
ココログ用ReadMore：トップページの『》続きを読む』をその場で展開するスクリプト(2010.11.06)

「覚書」カテゴリの記事

トラックバック

この記事へのトラックバック一覧です：【メモ】ココログのマイリストを記事中に埋めこむ:

忘れないうちにメモ書き：
/lists/(マイリストフォルダ名)/module.inc
の『マイリストフォルダ名』を知る方法。
https://app.cocolog-nifty.com/t/app/control/files?path=/lists
のように、ココログのファイルマネージャで確認できることを発見。

ちなみに、マイリストに半角英数字を含む名前を付けた場合、マイリストフォルダ名もそれを元に作られるらしい。このため、必ず『list_x』という名前になるとは限らない模様。

投稿：風柳 | 2006/04/21 14:32:20

★節約ごはん★改め、Gohanです。よろしくお願いします。
今度は、風柳さんのこの方法をやってみたいと思って挑戦してるんですが、フリーでも可能でしょうか？
やっとこ、マイリストのフォルダ名・ファイル名は知ることができたんですけど、いざ、記事に埋め込もうと思っても、コードがクリアされてしまってできません。フリーでは駄目ならあきらめないといけないし、大丈夫なら何か根本的に間違っているのかな？と思いコメントさせてもらいました。お暇なときに、お返事お願い致します。

投稿： Gohan | 2008/01/10 18:21:05

Gohan さん、どうもです。

を記事内に貼り付けることでしたら、フリーでも可能だと思います。

ただ注意しないといけないのは、記事の作成画面がリッチテキストモードだと(HTMLの編集に切り替えていても)↑のような記述は削除されてしまいます。
『この編集画面の表示設定を変更する』により、プレーンテキストモードに切り替えてからお試しください。

投稿：風柳＞Gohan さん | 2008/01/11 1:58:10

風柳さん、ありがとうございました。
リッチテキストモードでした。(^_^;)
「当然ながら・・・」のとこを読み落としているとは情けないです。
なんで消えるのだ～！と吠えておりました。すみません。

毎日の記事にするほどではないつぶやきを書く場所が欲しくて、
風柳さんもやられているような伝言板を作ったのですが、最新のコメントが反映されてしまうので、全部がわたしの名前になってしまうので悩んでたんです（笑）。
で、マイリストを日記代わりにして本文に貼れたら、いいのになと思ったんです。
表示の仕方は、かなり素人な小細工でやってるんですが、次はスタイルシートを作って簡単に表示できるようにしてみようと思ってます。ありがとうございました。

投稿： Gohan | 2008/01/11 19:38:05

コメントを書く

現在JavaScriptが無効になっています。
このサイトはJavaScriptが有効でないと、正常に表示されないことがあります。
また、JavaScriptがオフの場合、アドレスに
#ccqlink=/annex/
が含まれていると、対象記事が表示されません。
その場合は
#ccqlink=/annex/
を外したアドレスに変更して下さい。