では前回に続き、ヘッダー部分を見ていきましょう^^
今回設定するのは以下の2箇所ですね。
SNSアイコンとナビゲーションを設定していきましょう。
今回設定する2箇所
- キャッチコピー
- ロゴ
- SNSアイコン
- ナビゲーション
- メインビジュアル
- 記事スライダー
目次
サイト上部ヘッダーの設定
③SNSアイコン
ここでは皆さんが開設しているSNSにリンクを貼ることができます。
初期では「RSSフィード」と「検索アイコン」が表示されていますね。
まずはこれまで通り
「外観」→「カスタマイズ」をクリック
「SNS情報」をクリック
「SNSリンク設定」がありますので各SNSのURLをコピペしてください。
入力は大変なので、コピペしましょうね^^
設定していくとアイコンが表示され、そこをクリックすると各SNSへ移動します。
ちなみに全てURLを入れるとこんな感じになります笑
④ナビゲーション
では次に「ナビゲーション」を見ていきましょう。
「ヘッダーナビゲーション」や「グローバルナビゲーション」とも言われます。個人的には「G(ジー)ナビ」と読んでます。
今後は左のメニューから「外観」→「メニュー」を選択します。
※違う場所からも設定できますが、僕はここからが慣れているのでこちらから^^
着目は3箇所です。
まず1つ目。
メニュー名を決めましょう。
①メニュー名を決める
メニュー名の所に→ 「gNavi」 と入力してください。
※わかりやすい名前だったらなんでも大丈夫です。
次に「グローバルナビ」にチェック。
②グローバルナビ」にチェック
「グローバルナビ」にチェック。
ここはメニューを表示させたい場所を決めます。
最後に作成したメニューを保存。
「メニューを作成」をクリックすると保存されます。
※補足
※新しいメニューを作成する事で、グローバルナビゲーションにはこのメニューを表示。
フッターナビゲーションにはこのメニューを表示と切り分ける事が可能です。
最後に「メニューを保存」をクリックしてください。
ここで一旦どんなモノがメニューにできるか確認してみましょう。
固定ページ
今は「記事一覧」、「トップページ」しかありませんが、今後「会社案内」や「料金案内」、「お問い合わせ」などのページを作成していくので、作成後、追加していきましょう。
投稿
こちらも今は「Hello world」しか表示されてないですね。
投稿はブログ記事だと思ってください。日々投稿していくものが投稿としてこちらに表示されます。
ただ、あまり使う事はないですね。
カスタムリンク
カスタムリンクは自由にリンク先を決める事ができます。
別のサイトに移動させたいとか、キャンペーンページを作った際に使用します。
カテゴリー
そして最後はカテゴリー。これも今は設定してないので「未分類」しかありませんね。
特定のカテゴリー一覧ページにリンクしたい時に使用します。
ではとりあえず、「固定ページ」から
メニューを選択していきましょう。
「記事一覧」と「トップページ」にチェックを入れ、「メニューに追加」をクリック。
右側に「記事一覧」と「トップページ」が表示されるので、位置を上下移動させましょう。
トップページをドラッグ&ドロップで記事一覧を上下を入れ替えてください。
位置が変わるので、問題なければ右下の「メニューを保存」を押しましょう。
実際のサイトを見てみましょう。そんなに変わり映えはしませんが、トップページと記事一覧のメニューが左右逆転しているのが確認できますか?
管理画面で上に設置したメニューが、実際の表示の時には左に表示されます。
ここでメニューの順番を決めましょう。
これでSNSの設定とメニューの設定は終了です。
メニューの設定は固定ページ作成後随時設定すると思いますので、場所と設定方法を確認しておきましょう^^