ソーシャルリンクメニューを作成する

ソーシャルリンクメニューには、Facebook、Instagram、YouTube などのサービスの興味を引くアイコンが表示されるため、サイトの訪問者にソーシャルメディアで簡単に見つけてもらうことができます。このガイドでは、ソーシャルリンクメニューの作成方法について説明します。

Maywood テーマのソーシャルリンクメニューの例。

このガイド内

1. Add a Social Menu
2. Supported Social Icons

ソーシャルメニューを追加する

サイトにソーシャルリンクメニューを追加するには、次の手順に従います。

📌

このガイドのどのセクションに従えば良いか決めるには、「ダッシュボード」にアクセスし、左側の「外観」の下を確認します。「エディター」が表示されている場合は、このガイドのサイトエディターのセクションを参照してください。それ以外の場合は、WP 管理画面またはカスタマイザーの手順を参照してください。

次の手順でご使用のデザインインターフェースに適したタブを選択してください。

サイトエディターWP 管理画面カスタマイザー

「サイトエディター」で、ソーシャルアイコンブロックを挿入してソーシャルリンクメニューを表示します。新しいソーシャルリンクメニューを追加するには、次の手順に従います。

1. ダッシュボードにアクセスします。
2. 「外観」→「エディター」の順に移動します。
3. 編集する「テンプレート」または「テンプレートパーツ」を選択するか、サイトのプレビューをクリックしてサイトエディターを開きます。
4. 画面の左上にある「リスト表示」を開きます (3本の水平線が上下に並んだアイコンです)。
5. 位置を選択し、「+」ブロック挿入アイコンをクリックします。
6. ソーシャルアイコンブロックを検索し、クリックして追加します。
7. 「+」アイコンをクリックし、追加する最初のソーシャルメディアプロフィールのアイコンを選択します。
   • 特定のソーシャルメディアネットワークを検索することも、「すべてを表示」リンクをクリックして利用可能なすべてのソーシャルネットワークを表示することもできます。
8. 新しく追加されたアイコンをクリックし、ソーシャルメディアプロフィールの URL を入力します。キーボードの Enter キーまたは Return キーを押して送信するか、「適用」アイコン (カーブした矢印) をクリックします。
9. 追加するアイコンの数だけこの手順を繰り返します。
10. 「保存」ボタンをクリックして変更を保存します。

動画チュートリアル

「再生」をクリックし、右下に表示されるコントロールを使用して、動画の再生速度を調整します

クラシックテーマのサイトでは、WP 管理画面を使用し、次の手順に従ってソーシャルメニュー項目を追加できます。

1. ダッシュボードにアクセスします。
2. 「外観」→「メニュー」の順に移動します。
3. 画面の上部で正しいメニューが選択されていることを確認するか、「新規メニューを作成」リンクをクリックします。
4. 「メニュー項目を追加」ヘッダーの下にある「カスタムリンク」セクションをクリックします。
5. 「URL」フィールドに、最初のソーシャルメディアプロフィールへのリンクを入力します。
6. 「リンクテキスト」フィールドに、プロフィールの名前を入力します (これはサイトには表示されませんが、追加したリンクを覚えておくのに便利です)。
7. 「メニューに追加」ボタンをクリックします。
8. 追加する各ソーシャルメディアプロフィールごとに手順6と7を繰り返します。
9. 「メニュー設定」ヘッダーで「 メニューの位置」オプションを見つけ、ソーシャルメニューのボックスにチェックを入れます。
10. 「メニューを保存」ボタンをクリックします。

クラシックテーマのサイトでは、次の2つの方法のいずれかを使用してカスタマイザーでソーシャルリンクメニューを追加できます。

• ソーシャルアイコンブロックを挿入する。詳しくはこちらのガイドを参照してください。
• テーマがソーシャルリンクメニューをサポートしている場合は、次の手順に従ってメニューにソーシャルリンクを追加します。

ソーシャルリンクメニューを作成するには、次の手順に従います。

1. ダッシュボードにアクセスします。
2. 「外観」→「カスタマイズ」の順に移動します。
3. 「メニュー」タブをクリックします。
4. 「メニューを新規作成」ボタンをクリックするか、既存のメニューを選択して編集します。
5. 「メニューの位置」の下の「ソーシャルリンク / アイコン」のチェックボックスがオンになっていることを確認します。

「ソーシャルメニュー」オプションをクリックすると、ソーシャルリンク付きの新しいメニューが表示されます。

6. 最初のソーシャルメディアリンクをメニューに追加するには「+」項目を追加ボタンをクリックします。
7. 次に、メニュー項目のタイプとして「カスタムリンク」を選択します。

「カスタムリンク」ヘッダーをクリックすると、 URL とリンクテキストの入力フィールドが表示されます。

8. 次の2つのフィールドに入力します。
   • URL: いずれかのソーシャルメディアプロフィールのリンクアドレスを入力します。たとえば、Facebook プロフィールへのリンクが https://www.facebook.com/WordPresscom の場合は、これを「URL」フィールドに貼り付けます。
   • リンクテキスト: Facebook や Instagram など、ソーシャルメディアサイトの名前を入力します。
9. 両方のフィールドに入力したら、「メニューに追加」ボタンをクリックします。
10. 使用するソーシャルメディアプロフィールがすべてメニューに追加されるまで、上記の手順を繰り返します。

11. 「変更を保存」ボタンをクリックして変更をサイトに反映させます。

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

ソーシャルリンクメニューで次のいずれかのサイトにリンクすると、メニューにそのサイトのアイコンが自動的に表示されます。

• 500px
• Amazon
• Apple
• Bandcamp
• Behance
• CodePen
• DeviantArt
• Digg
• Dribbble
• Dropbox
• Etsy
• Facebook
• Flickr
• Foursquare
• Github
• Goodreads
• Google+
• Instagram
• LinkedIn
• メール (mailto: links)

• Meetup
• Medium
• Pinterest
• Pocket
• Reddit
• RSS フィード (/feed/ が付いた URL)
• Skype
• SlideShare
• Snapchat
• SoundCloud
• Spotify
• StumbleUpon
• Tumblr
• Twitch
• Twitter
• Vimeo
• VK
• WordPress
• Yelp
• YouTube

古いテーマではサポートされているアイコンが異なる場合があります。サポートされているアイコンについてはテーマのドキュメントを参照してください。