SWELLのグローバルナビの設定方法について、画像を用いながら解説します。
グローバルナビがあることで、読んでもらいたい記事やカテゴリーを一目で分かりやすくできます。
![グローバルナビ](https://hina-blog1.com/wp-content/uploads/2023/09/361386B9-29DA-4569-B9E6-A519D0A927CB.jpg)
ぜひSWELLを導入したら設定しておきましょう!
\ 国内人気No.1テーマ/
SWELLグローバルナビの設定方法
以下に、SWELLのグローバルナビの設定手順を説明します。
![グローバルナビの設定](https://hina-blog1.com/wp-content/uploads/2023/09/0E81D836-E339-49BD-B672-40BDFF30301B.jpg)
グローバルナビにチェック
メニューを作成をクリック
![グローバルナビの設定2](https://hina-blog1.com/wp-content/uploads/2023/09/EFF70081-D976-4DBA-8B07-54C933622958.jpg)
メニューに追加をクリック
![グローバルナビの選択](https://hina-blog1.com/wp-content/uploads/2023/09/DB7814D0-7F03-4BFD-A8B9-78C849C77B23.jpg)
また、カスタムリンクから記事URLと表示させるメニュー名を入力して、グローバルナビに追加することもできます。
![カスタムリンクの使用](https://hina-blog1.com/wp-content/uploads/2023/09/94E97867-D532-4229-8DDC-D76A2BF88155-1.jpg)
さらに、小メニューを設定する場合は、メニューを右にドラッグさせるだけで設定できます。
![小メニューの設定](https://hina-blog1.com/wp-content/uploads/2023/09/60A2AAA6-7D3D-4EB6-9A8E-7442243EFAA6.jpg)
メニューを保存をクリックするとサイトに反映される
![グローバルナビの登録](https://hina-blog1.com/wp-content/uploads/2023/09/0650FA2D-FC53-4600-8DF5-059C82742B74.jpg)
![](http://hina-blog1.com/wp-content/uploads/2023/10/FQdWT8qaAAAsOCn-1-150x150.jpeg)
グローバルナビの設定は以上です!
あといくつか細かい設定があるので、以下に説明していきます。
SWELLグローバルナビをスマホでも表示させる方法
SWELLのグローバルナビは、スマホでは通常以下のように表示されます。
![グローバルナビのスマホでの表示](https://hina-blog1.com/wp-content/uploads/2023/09/3EE3B278-1441-4448-B992-BB6879D87C66.jpg)
もしPCと同じようにヘッダー部分に表示させる場合は、以下のようにチェックを入れます。
![スマホ用ヘッダー](https://hina-blog1.com/wp-content/uploads/2023/09/F432DAFD-50A2-4841-B736-A597F421195C.jpg)
すると、スマホでもPCと同様にグローバルナビが表示されます。
SWELLグローバルナビに英語を追加する方法
グローバルナビには、日本語メニューの下に英語を表示させられます(下記はSWELL公式サイト)。
![SWELL公式サイトのグローバルナビ](https://hina-blog1.com/wp-content/uploads/2023/09/85c08ce0eae467b5d1ee529b67728b64.jpg)
設定方法は簡単で、メニューの▼をクリックして開き、「説明」の部分に表示させたい英語を入力すれば反映されます。
![グローバルナビに英語を表示させる](https://hina-blog1.com/wp-content/uploads/2023/09/B3715865-294F-4349-B8EE-FA8EF37A2D2C.jpg)
説明が表示されない場合は、画面右上の表示オプションを開き、「説明」にチェックを入れてください。
![表示オプションで説明にチェックを入れる](https://hina-blog1.com/wp-content/uploads/2023/09/6870537D-C7EF-4230-BB00-E5C370540E7B.jpg)
SWELLグローバルナビの設定方法のまとめ
SWELLのグローバルナビの設定方法について説明しました。
SWELLはカスタマイズ性に長けており、使い方次第では非常にお洒落なサイトに作り上げることができます。
下記記事では、SWELLの使い方やトップページの作り方について、画像を用いながら説明しているので、ぜひ参考にしてくださいね!
![](https://hina-blog1.com/wp-content/uploads/2023/09/210F1D24-72FE-4160-901E-92B3A93F5E60-300x157.jpg)
コメント