ガイド/コンテンツの作成/ウィジェット/ソーシャルメディアアイコンを表示する

ソーシャルメディアアイコンを表示する

ソーシャルアイコンブロックを使用して、ソーシャルメディアのプロフィールへのリンクを表示します。訪問者はこれらのアイコンをクリックして、さまざまなプラットフォームであなたとつながることができます。このガイドでは、ソーシャルアイコンを追加してそれらのアイコンをソーシャルプロフィールにリンクする方法について説明します。

動画チュートリアル

ステップ1: ソーシャルアイコンを追加する

まず、次の手順に従ってソーシャルメディアアイコンを追加します。

  1. サイトのダッシュボードにアクセスします。
  2. ソーシャルアイコンを追加する場所に応じて固定ページ投稿テンプレートに移動し、編集または新規作成します。
    • 固定ページ: メニューの「固定ページ」セクションに移動します。
    • 投稿: メニューの「投稿」セクションに移動します。
    • テンプレート: 「外観」→「エディター」の順に移動し、テンプレートを選択します。
  3. 「+」ブロック挿入 (プラスアイコン) をクリックして「ソーシャルアイコン」を検索します。
  4. ページに追加するソーシャルアイコンブロックを選択します。
  5. ソーシャルアイコンブロック内の「+」ブロック挿入をクリックし、表示する各ロゴを追加します。「すべて表示」をクリックするか、検索ボックスを使用して目的のアイコンを見つけることができます。
ブロック挿入が強調表示された、新しく追加されたソーシャルアイコンブロック。

ブロックには、Facebook、X、Instagram、LinkedIn、YouTube、Pinterest などの主要プラットフォームのアイコンがあります。サポートされているアイコンの詳細なリストを参照してください。

アイコンを追加したら、次のステップでアイコンをソーシャルメディアアカウントにリンクします。

  1. 追加したソーシャルアイコンをクリックします。
  2. 表示されるフィールドに、ソーシャルプロフィールへのリンクを入力または貼り付けます。
ソーシャルアイコンからの矢印がソーシャルプロフィールへのリンクを入力するフィールドを指している。
  1. カーブした矢印のような外観の「適用」アイコンをクリックするか、キーボードの Return キーを押します。
  2. オプションとして、ソーシャルアイコンブロック設定サイドバーで、リンクを新しいタブで開くように設定できます。
  3. 右上の「保存」または「公開」をクリックして変更を適用します。

ソーシャルメディアアイコンを追加または削除する

追加したソーシャルアイコンブロックでソーシャルアイコンを追加または削除するには、次の手順に従います。

  1. 「ソーシャルアイコン」ブロックを選択します。
  2. ソーシャルアイコンをさらに追加するには、「+」ブロック挿入をクリックして、表示するプロフィールを追加します。
  3. ソーシャルアイコンを削除するには、削除するソーシャルアイコンをクリックし、3つのドット () メニューを使用して、 「削除 」オプションを選択します。
  4. 右上の「保存」または「公開」をクリックして変更を適用します。

サポートされているソーシャルアイコン

以下のアイコンが使用可能です。

  • 500px
  • Amazon
  • Bandcamp
  • Behance
  • Bluesky
  • CodePen
  • DeviantArt
  • Discord
  • Dribbble
  • Dropbox
  • Etsy
  • Facebook
  • Flickr
  • Foursquare
  • Github
  • Goodreads
  • Google
  • Gravatar
  • Instagram
  • Last.fm
  • LinkedIn
  • リンク (リンクさせるあらゆるソーシャルネットワーク)
  • メール (mailto: リンク)
  • Mastodon
  • Meetup
  • Medium
  • Patreon
  • Pinterest
  • Pocket
  • Reddit
  • RSS フィード (/feed/ が付いた URL)
  • Snapchat
  • SoundCloud
  • Spotify
  • Telegram
  • Threads
  • TikTok
  • Tumblr
  • Twitch
  • Twitter / X
  • Vimeo
  • VK
  • WhatsApp
  • WordPress
  • Yelp
  • YouTube

必要なアイコンが表示されない場合は、代わりに汎用のリンクボタンを使用します。

ソーシャルアイコンブロックのリンクオプション。
Copied to clipboard!