Wired-Lynx@tumblr

Tumblrにコメント欄を付けてみた

Tumblr3.0の新機能解説にあるように、Disqusを使って、コメント欄が付くようにしてみました。

まずはDisqusでメールアドレスを登録してアカウントを作ります。

そうすると、掲示板用のURL(???.disqus.comの???に好きな名前を付けられる)と掲示板に付けるタイトルを聞いてくるので、適当なのを入力します。 この時、自分のサイトのURLを入力できるので、tumblrのページのURLでも入れておくといいでしょう。

で、createボタンを押すと、掲示板への埋め込み方を教えてくれるページが出ます。Tumblr用の解説もあるので、それを選択。ここで、TumblrのdashboardからTheme設定用のページも開いておくと便利。Theme設定用のページのCustomHTMLの欄が狭くて見づらいという人は、テキストエディタにCustomHTMLの内容を全部貼り付けて、そっちで編集するとやりやすいと思います。

Disqusに話を戻すと、まずは、Permalink用のページに埋め込むスクリプトが表示されているので、それをコピーしてTheme設定のCustomHTMLのところにペーストします。ペーストする場所は、{/block:Posts}の後ろ。これでコメント欄の設置は終わり。

Tumblr用の解説を読み進めていくと、親切なことに、各記事の下に総コメント数を表示するスクリプトも提供してくれているので、これもコピー。Theme設定の{/block:Posts}の前の＜/div＞の前辺りにペースト。＜/div＞の後ろにペーストしちゃうと、各記事の後ろじゃなくて、その日の一番下に出てしまうので注意。

さらに読み進めると、もう1つスクリプトが提供されているので、これもコピー。こちらは、CustomHTMLの一番最後の＜/body＞の前にペースト。

これで、各記事の下にコメント数が表示されるようになったはず。

Disqusのdashboardはどの記事へのコメントかに関係なく新着コメントをまとめて見られるので便利。日本語のコメントも全然問題なし。まだコメントがないので、細かい機能の使い勝手は分からないけど、これから調べていこうと思います。

とりあえず、こんなとこで。

——

あとで読む