[外部サービス]ソーシャルボタンを貼り付ける

公開したWebサイトをクチコミで広める手段として、ソーシャルサービスにサイト情報を
投稿したり、サイト訪問者からの評価を確認できるソーシャルボタンを設置することができます。
Twitterの「ツイートする」ボタン、Facebookの「いいね!」ボタン、LINEの「LINEで送る」ボタンなど、合計11種類のボタンに対応しています。

シェアボタンを選ぶ

ブロックエディタの「外部サービス」アイコンから〈シェアボタン〉を選びます。

kg-03030701m-01

貼り付けるボタンを選択する

「Twitter」「Facebook」「Facebook Share」「はてな」「Pocket」「Tumblr」「Pinterest」「Linkedin」「LINE」「LINE 友だち追加」「LINE Share」「mixi」「SMSで送信」「noteで書く」のボタンがあります。

サイトに貼り付けたいものにチェックを入れ、〈次へ〉をクリックします。
[外部サービス]ソーシャルボタンを貼り付ける

mixiチェックキーの入手方法

mixiチェックキーは、mixi Developer Centerでデベロッパー登録が必要です。
登録は無料ですが、mixiのIDと登録用の携帯用メールアドレスが必要となります。
詳しくは開発者登録の手順をご覧ください。
[外部サービス]ソーシャルボタンを貼り付ける

mixiチェックキーの入力

前のステップで「mixi」を選んだ場合はmixiチェックキーを入力する必要があります。
〈mixiチェックキー〉を入力し[1]、〈次へ〉をクリックします[2]。

kg-03030701m-02

設定を確認する

「設定の確認」が表示されるので、ボタンの種類と表示順(並び順)を確認・調整し、問題なければ〈適用〉をクリックします。
[外部サービス]ソーシャルボタンを貼り付ける

表示順(並び順)は、マウスのドラッグ&ドロップ操作で入れ替えることができます。
上記画面で一番上に表示されたボタンから、実際のサイトページでは左並び表示になります。

ブロックエディタにパーツが貼り付けられるので、〈適用〉をクリックします。

kg-03030701m-03

表示を確認する

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

【各サービスについて】

11種類のSNSのソーシャルボタンが設置可能です。各SNSの概要や使い方は、サービスのウェブサイトをご参照ください。

Twitter
ツイートと呼ばれる140文字のメッセージから成り立つ情報ネットワークです。
■Twitterについて
https://about.twitter.com/en/who-we-are/our-company
■ヘルプセンター
https://support.twitter.com/

Facebook
日記のような投稿や写真を共有する、世界最大規模のSNSのひとつです。
■Facebook デスクトップヘルプ
https://ja-jp.facebook.com/help/?ref=pf

はてな
オンラインにブックマークを保存・公開するサービスです。
■はてなブックマークとは
https://b.hatena.ne.jp/guide

Pocket
SNSのひとつです。
■Pocketのよくある質問
https://helps.getpocket.com/customer/portal/topics/620398-international/articles
※2019年8月現在、日本語専用サイトはないようです。
中段「Pocketのよくある質問」をご覧ください。
テキスト、画像、動画などのウェブ上の記事をスクラップできる、メディアミックスウェブログサービスです。

Tumbler
■Tumblerとは何ですか?
https://www.tumblr.com/
ウェブやPinterest上で見つけたお気に入りのものをブックマークするサービスです。

Pinterest
■Pinterestって?
https://about.pinterest.com/ja
ビジネス向けのSNSです。

Linkedin
■Linkedin ヘルプセンターへようこそ
https://ja.help.linkedin.com/app/home

LiNE
メッセージのやりとりや音声通話ができるサービスです。
■LINE
https://line.me/ja/
※LINEボタンはスマートフォンでの閲覧時のみ利用可能です。

mixi
日記や写真共有、ゲームなどが行える国内最大規模のSNSのひとつです。
■mixiについて
https://mixi.jp/about.pl

note
noteはブログと同様に情報発信ができるサービスです。
■note
https://note.com/