ソーシャルリンクメニューには、Facebook、Instagram、YouTube などのサービスの興味を引くアイコンが表示されるため、サイトの訪問者にソーシャルメディアで簡単に見つけてもらうことができます。このガイドでは、ソーシャルリンクメニューの作成方法について説明します。
Maywood テーマのソーシャルリンクメニューの例。
サイトにソーシャルリンクメニューを追加するには、次の手順を実行します。
このガイドのどのセクションに従えば良いか決めるには、「ダッシュボード」にアクセスし、左側の「外観」の下を確認します。「エディター」が表示されている場合は、このガイドのサイトエディターのセクションを参照してください。それ以外の場合は、WP 管理画面またはカスタマイザーの手順を参照してください。
「サイトエディター」で、ソーシャルアイコンブロックを挿入してソーシャルリンクメニューを表示します。新しいソーシャルリンクメニューを追加するには、次の手順に従います。
- ダッシュボードにアクセスします。
- 「外観」→「エディター」の順に移動します。
- 編集する「テンプレート」または「テンプレートパーツ」を選択するか、画面の横にあるサイトのプレビューをクリックしてホームページエディターを開きます。
- 画面の左上にある「リスト表示」を開きます (3本の水平線が縦に並んだアイコンです)。
- 位置を選択し、「+」ブロック挿入アイコンをクリックします。
- ソーシャルアイコンブロックを検索し、クリックして追加します。
- 「+」アイコンをクリックし、追加する最初のソーシャルメディアプロフィールのアイコンを選択します。
- 特定のソーシャルメディアネットワークを検索することも、「すべてを表示」リンクをクリックして利用可能なすべてのソーシャルネットワークを表示することもできます。
- 新しく追加されたアイコンをクリックし、ソーシャルメディアプロフィールの URL を入力します。キーボードの Enter キーまたは Return キーを押して送信するか、「適用」アイコン (カーブした矢印) をクリックします。
- 追加するアイコンの数だけこの手順を繰り返します。
- 「保存」ボタンをクリックして変更を保存します。
動画チュートリアル
「再生」をクリックし、右下に表示されるコントロールを使用して、動画の再生速度を調整します
クラシックテーマのサイトでは、WP 管理画面を使用し、次の手順に従ってソーシャルメニュー項目を追加できます。
- ダッシュボードにアクセスします。
- 「外観」→「メニュー」の順に移動します。
- 画面の上部で正しいメニューが選択されていることを確認するか、「新規メニューを作成」リンクをクリックします。
- 「メニュー項目を追加」ヘッダーの下にある「カスタムリンク」セクションをクリックします。
- 「URL」フィールドに、最初のソーシャルメディアプロフィールへのリンクを入力します。
- 「リンクテキスト」フィールドに、プロフィールの名前を入力します (これはサイトには表示されませんが、追加したリンクを覚えておくのに便利です)。
- 「メニューに追加」ボタンをクリックします。
- 追加する各ソーシャルメディアプロフィールごとに手順6と7を繰り返します。
- 「メニュー設定」ヘッダーで「 メニューの位置」オプションを見つけ、ソーシャルメニューのボックスにチェックを入れます。
- 「メニューを保存」ボタンをクリックします。
クラシックテーマのサイトでは、次の2つの方法のいずれかを使用してカスタマイザーでソーシャルリンクメニューを追加できます。
ソーシャルリンクメニューを作成するには、次の手順に従います。
- ダッシュボードにアクセスします。
- 「外観」→「カスタマイズ」の順に移動します。
- 「メニュー」タブをクリックします。
- 「メニューを新規作成」ボタンをクリックするか、既存のメニューを選択して編集します。
- 「メニューの位置」の下の「ソーシャルリンク / アイコン」のチェックボックスがオンになっていることを確認します。
「ソーシャルメニュー」オプションをクリックすると、ソーシャルリンク付きの新しいメニューが表示されます。
- 最初のソーシャルメディアリンクをメニューに追加するには「+」項目を追加ボタンをクリックします。
- 次に、メニュー項目のタイプとして「カスタムリンク」を選択します。
「カスタムリンク」ヘッダーをクリックすると、 URL とリンクテキストの入力フィールドが表示されます。
- 次の2つのフィールドに入力します。
- URL: いずれかのソーシャルメディアプロフィールのリンクアドレスを入力します。たとえば、Facebook プロフィールへのリンクが https://www.facebook.com/WordPresscom の場合は、これを「URL」フィールドに貼り付けます。
- リンクテキスト: Facebook や Instagram など、ソーシャルメディアサイトの名前を入力します。
- 両方のフィールドに入力したら、「メニューに追加」ボタンをクリックします。
- 使用するソーシャルメディアプロフィールがすべてメニューに追加されるまで、上記の手順を繰り返します。
- 「変更を保存」ボタンをクリックして変更をサイトに反映させます。
ソーシャルリンクメニューで次のいずれかのサイトにリンクすると、メニューにそのサイトのアイコンが自動的に表示されます。
- 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
- Snapchat
- SoundCloud
- Spotify
- StumbleUpon
- Tumblr
- Twitch
- Twitter
- Vimeo
- VK
- WordPress
- Yelp
- YouTube
古いテーマではサポートされているアイコンが異なる場合があります。サポートされているアイコンについてはテーマのドキュメントを参照してください。
コメントを投稿するにはログインしてください。