[ユーティリティ]掲示板パーツを貼り付ける

作成したサイトに訪問者からのコメントを掲載するために新たに「掲示板パーツ」(コメント欄)を搭載しました。

「Facebook」のソーシャルコメント機能では、Facebookアカウントを持っているユーザーからのコメントを受け付け可能です。また、コメント管理サービスの「DISQUS」のパーツを利用すれば、TwitterからのコメントやFacebookのコメントなどさまざまなソーシャルサービスからのコメントを受け付けて表示できます。

いずれもサイト制作者と訪問者とのコミュニケーションを円滑にするために利用できます。

掲示板パーツを選ぶ

ブロックエディタの「ユーティリティ」から〈コメント欄〉を選びます。
コメント欄を選択する

掲示板サービスの選択をする(Facebookコメント機能の場合)

Facebookのコメント機能の場合、〈Facebookコメントプラグイン〉を選び[1]、〈次へ〉をクリックします[2]。

[ユーティリティ]掲示板パーツを貼り付ける

1.コメント対象ページの設定をする

Facebookコメント機能が対象とするページを指定します。編集中のページの場合は〈このページ〉ボタンにチェックを付け、外部のページを指定したい場合は〈ページのURLを指定〉に直接URLを入力し[1]、〈次へ〉をクリックします[2]。
[ユーティリティ]掲示板パーツを貼り付ける

2.パーツの設定をする

コメントパーツの表示幅や一度に表示する投稿数、配色を〈明るめ〉か〈暗め〉から選んで設定し[1]、〈次へ〉をクリックします[2]。

[ユーティリティ]掲示板パーツを貼り付ける

 

3.設定を確認する

 

設定の確認が表示されるので、問題なければ〈適用〉をクリックします。

[ユーティリティ]掲示板パーツを貼り付ける

掲示板サービスの選択をする(DISQUSのコメント機能の場合)

コメント管理サービスのDISQUSを利用する場合は〈DISQUSを設置する〉を選び[1]、〈次へ〉をクリックします[2]。

[ユーティリティ]掲示板パーツを貼り付ける

1.ショートネームの設定をする
DISQUSに登録済みのshortnameを入力し[1]、〈次へ〉をクリックします[2]。

[ユーティリティ]掲示板パーツを貼り付ける

DISQUSの登録方法
DISQUSのコメント管理機能を利用するには無料のユーザー登録が必要です(英語)。登録時に作成した半角英数字のショートネームをSYNC5の掲示板サービスの設定に利用します。

※DISQUSの登録方法やショートネームの確認方法は、DISQUSへお問い合わせください。
[ユーティリティ]掲示板パーツを貼り付ける

DISQUSのセッティング画面で〈Reactions〉のチェックを入れておくと、Twitterでブログの記事についてつぶやかれた内容も自動的にコメントとして表示されます。

 

2.設定を確認する

設定の確認が表示されるので、問題なければ〈適用〉をクリックします。

[ユーティリティ]掲示板パーツを貼り付ける

設定を反映させる

Facebookコメント機能の場合もDISQUSの場合も、設定終了するとブロックエディタにパーツが貼り付けられるので、〈適用〉をクリックします。

コメント欄を適用する

表示を確認する

ボタンが正しく表示されるかどうかを〈プレビュー〉で確認します。

[ユーティリティ]掲示板パーツを貼り付ける