TumblrページにDisqusを配置する方法

Disqusを使用している場合は、Tumblrページにディスカッションプラットフォームをインストールする機会があります。Disqusは、Tumblrよりも堅牢なコメントメカニズムを提供します。たとえば、スパム保護とモデレートコメントをインストールし、顧客はソーシャルメディアサイトで投稿を共有したり、投稿エントリを並べ替えたりすることができます。多くのTumblrテーマメニューにはDisqusを自動的にインストールする機能がありますが、テーマにこの機能がない場合は、手動でコードをページに追加できます。

テーマメニューを使用する

1

Tumblrページを表示し、URLアドレスをコピーします。

2

Disqus Webサイトに移動し、ホームページの[無料でサインアップ]ボタンをクリックします。プロンプトに従ってWebサイト情報を入力し、サイトの短縮名を生成します。

3

Tumblrアカウントにログインし、ブログリンクをクリックしてから、[テーマのカスタマイズ]リンクをクリックして[カスタマイズ]ページにアクセスします。Disqus Shortnameテキストフィールドにshortnameを入力し、[保存]ボタンをクリックします。

コードを追加する

1

Disqusアカウントにログインし、[管理者]リンクをクリックしてから、[設定]タブをクリックします。「インストール」リンクをクリックし、「Tumblr」リンクをクリックして、「マニュアルの説明（詳細）」の見出しの下に表示されるコードをコピーします。

2

Tumblrホームページの[テーマのカスタマイズ]リンクをクリックしてから、[HTMLの編集]ボタンをクリックします。{block：Disqus}または{block：comments}に似た「disqus」または「comments」の開始タグをコードで検索し、この場所にコードを貼り付けます。このコードが見つからない場合は、{/ block：Posts}終了タグの後にカーソルを置き、コードを貼り付けます。

3

各{/ block：Posts}要素の直前に次のコードを入力します。

コメント

コメントリンクがプレビューで正しく表示されない場合は、この構文をコード内の別の場所に移動できます。

4

「プレビューの更新」ボタンをクリックしてから、「保存」ボタンをクリックします。