Jetpackで、ブロックエディターで設置できるシェアボタンを実装

WordPressデフォルトでは、ブロックエディターからシェアボタンを設置できません。今回は、Jetpackで、ブロックエディターで設置できるシェアボタンを実装する方法を紹介します。

今回のDEMOは、JAZZ LIVEのシングルページです。

投稿の下に、ブロックエディターからシェアボタンを設置しました。

設置

ブロックエディターのブロック＞Sharing Buttonsを選択します。ブロックの右側の＋マークをクリックします。

すべてアイコンを表示します。読み込みの中から、設置したいSNSをすべて選択します。並べ替える場合はアイコンを選択し、左右のカーソルで移動します。

右サイドバーのブロック＞Sharing Buttons＞スタイルから、アイコンの色を白に、アイコンの背景を紫に設定します。これで完成です。プレビューを確認します。

以上で、今回の説明は終了です。手軽に、好きな場所に設置できるので便利ですね。色が変更できるので、サイトのデザインに合わせることができます。