3分SHAREツイートシェアはてブLINEPocket「SNSアイコンやお好きな記事のページ」をヘッダーやフッターメニューに表示させリンクさせる方法を紹介致します。上記がモバイル表示での完成のイメージです。テーマにより完成デザインは異なります。パソコンでも下記の感じに設置できるようになります。今回も例のごとく、説明がわかりやすいように解説用に作ったデモサイトを使って説明します。解説の分かり易さを追求すべく、テーマはシンプルな無料テーマを使っていきます。※普段は、ジェイコブ佐藤blogは有料テーマSANGOを使っています。携帯のヘッダーにSNSアイコンなどを設置するSNSアイコンをヘッダーやフッターに表示させる方法|まとめPCのヘッダーにSNSアイコンなどを表示させる方法まずはパソコンでの表示設定からやっていきます。新しいメニューを作成をクリックメニュー名は、後で、携帯用メニューも作るので、それらと自分で区別できる名前なら何でもOKです。メニュー作成をクリックカスタムリンク➡追加これから左側のメニューの項目を右側に追加します。SNSなどのアイコンはカスタムリンクを使います。私のサイトのように、投稿を選ぶことで、読んで欲しい記事をヘッダーに表示させることも出来ます。カスタムリンクをクリックURLとリンク文字列を入力する。アイコンを表示させるためのコードを入力URLは上記の説明だけで問題ないと思います。リンク文字列はよくわからないかと思いますが、コピペで簡単にできますので安心して下さい。コピペするアイコンの素材はこちらから入手可能です。アイコンはこちらから私のテーマは優秀だから、きっと最新版に対応している!と自信のある方は5を選んでみて下さい。(笑)それ以外の方は4.7から選んでみたらいいです。私の普段利用している有料テーマSANGOはFontAwesome5に対応していました。今説明に使っているコクーンはFontAwesome4.7のみ対応でしたので、4.7を使って説明していきます。FontAwesome5に対応しているテーマ少ないかと思います。注意どちらも使えない場合は残念ながらテーマが対応していないかもしれません。FontAwesome4.7をクリックしますと以下の画面が表示されます。海外のサイトなので英語で入力しましょう。ホームアイコンが欲しいならhomeで検索したら表示されます。aria-hidden="true">Twitter</i>⇦のようにTwitter(アイコンの隣に表示させたい名前)を追加します。右側の項目に上記のように追加されえばOKです同じ要領で、YouTubeだったりホーム画面やお問い合わせなど、お好きな物を追加して下さい。全て追加が終わりましたらメニュー設定のヘッダーメニューをチェックしてメニュー保存をクリック!これで完了です。ご自身のサイトをパソコン表示で確認下さい。ツイッターなどのアイコンが表示されていると思います。フッターにお問い合わせなどを追加する方法では次にフッターに表示させます。フッターにはお問い合わせとプライバシーポリシーを表示させてみます。フッターの設定は今からやる作業で、携帯・PCどちらにも反映されます。※お問い合わせをお持ちでない方はこちらを参考に作り下さい。7|簡単に「お問い合わせ」が設置できるプラグインそれでは設定していきます。最後にメニューを作成をクリック今回は固定記事に作っておいた「お問い合わせ」と「プライバシーポリシー」をフッターに載せます。左側の固定ページを選択、その中のお問い合わせ、プライバシーポリシーにチェックを入れメニューに追加をクリック。右側に上の画像のように追加されたのを確認したら、メニュー設定のフッターメニューにチェックを入れて、メニューを保存をクリック!以上です!パソコン・モバイル画面のフッターの両方に表示されているので、それぞれ確認してみて下さい。携帯のヘッダーにSNSアイコンなどを設置するこれまでの作業をやったことにより、説明不要かもしれませんね。基本的にやることは同じです。これまでと同じくダッシュボードTOP画面左の項目の外観➡メニューを選択。新しいメニューを作成しましょうを選択➡メニュー名は携帯用ヘッダーメニュー➡メニューを作成をクリック。これまでと同じように、携帯のヘッダーに表示させたい物を左の項目から追加します。お問い合わせは固定ページから選択してメニューに追加。SNSアイコンはカスタムリンクで、URLとリンク文字列を入力してメニューに追加。右側に追加されたのを確認して、メニュー設定はヘッダーモバイルメニューにチェックしてメニューを保存をクリック。これで携帯のヘッダーに、好きなページやSNSアイコンなどの設置が完了です。SNSアイコンをヘッダーやフッターに表示させる方法|まとめ今回の行った設定の他にも、できることがあります。私のサイトの携帯表示を見て貰ったら分かりますが、モバイルヘッダーメニューをスライド表示させることもできます。テーマによって対応してたり、しなかったり違いますので、色々いじって試してみて下さい。やり方は今回の内容をマスターすれば、全ての設定に対応できます。参考までに、ヘッダーにSNSアイコンではなく、自分が見て欲しい記事を載せている方もよく見かけます。ヘッダーに載せるとアクセスされやすいかもしれません。みなさんもぜひ色々試行錯誤してみて下さい。関連する記事WordPressの始め方は簡単です。わかりやすく解説WordPressテーマ選びはブログの「テーマアフィリエイト」可能な物を選ぶと紹介報酬が貰えるので絶対オススメです。reCaptchaの使い方|スパムや不正ログインを保護この記事を書いた人ジェイコブ佐藤2019ブロガー誕生請負人2019年ブログはオワコンじゃないをスローガンに「ジェイコブ佐藤blog」を開設。ブログの始め方~収入を発生させる方法を中心に解説。たくさんの方が私のブログ経由でWordPressを中心にブログを始められており、サイト運営にやりがいを感じさせて貰っています。SNSはTwitterをメインに活用。次の記事WordPressインストール後の設定を全て網羅している説明書...初心者向けアフィリエイトはココ!「もしもアフィリエイト」の詳しい記事を読んでみる。以外に無料ブログでも使用可能な『クリック報酬型広告』あるの知ってる?「click報酬型人気TOP3」の詳しい記事を見てみる。人気記事1【爆笑?!】漫画でわかる!昔(昭和)の学校あるある5選2【新常識!?】Googleアドセンスに合格後は『もしもアフィリエイト』の審査も受けよう。3【情報の力】Amazonアソシエイトに受かる必要ないって知ってる?4【漫画】血液型あるあるでわかるモテ雑学5選5Googleアドセンスの審査に最短で受かるブログの作り方6Rinker(リンカー)?カエレバ?私は、もしもアフィリエイトの『簡単リンク』を断然オススメします。Ball(タップボール)8ボタン1つで『ラブホ風の部屋』に大変身。ニトリ家具などで作ってみました。92019年キャンドゥ100円DESKFAN(卓上扇風機)買ってみました。Ball(タップボール)卓球ジェイコブ佐藤blog2019年ブログはオワコンじゃないをスローガンに「ジェイコブ佐藤blog」を開設。ブログの始め方~収入を発生させる方法を中心に解説。たくさんの方が私のブログ経由でWordPressを中心にブログを始められており、サイト運営にやりがいを感じさせて貰っています。➡一番優しいWordPressの始め方SNSはTwitterをメインに活用。有り難いことに開設4ヶ月で5000人突破!2019No1ブロガー目指して奮闘中!!他にも○○な話、〇〇な方法などのコンテンツを中心に漫画化して搭載中です。