![](https://saku39log.com/wp-content/uploads/2021/11/cropped-7d91004b6fff1ccfe845364098e9ed9f-e1638280902448-150x150.jpg)
SWELLでコーポレートサイトを制作しています。今回はデフォルトで設定されているヘッダーバーを消したい(非表示)と思ったのでまとめていきます。
目次
ヘッダーバーとは
SWELLのデフォルト設定だと表示されている、ヘッダー上のバーです。
![](https://saku39log.com/wp-content/uploads/2024/01/image-1-1024x273.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-1-1024x273.png)
左側にブログ名やサブタイトル、右側にはSNSのアイコンが表示されています。
今回はこれを消して(非表示にして)いきます。
ヘッダーバー非表示方法
STEP
ワードプレス管理画面>「外観」>「カスタマイズ」を選択
![](https://saku39log.com/wp-content/uploads/2024/01/image-2.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-2.png)
STEP
「ヘッダー」選択
![](https://saku39log.com/wp-content/uploads/2024/01/image-3.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-3.png)
STEP
「ヘッダーバー設定」>「SNSアイコンリストを表示する」のチェックを外す
![](https://saku39log.com/wp-content/uploads/2024/01/image-4.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-4.png)
STEP
「キャッチフレーズ設定」>「キャッチフレーズの表示位置」が「ヘッダーバーに表示」の時は、「表示しない」を選択する
![](https://saku39log.com/wp-content/uploads/2024/01/image-5.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-5.png)
STEP
変更できたら「公開」ボタンをクリック
![](https://saku39log.com/wp-content/uploads/2024/01/image-7.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-7.png)
STEP
ヘッダーバーの表示が消えました
![](https://saku39log.com/wp-content/uploads/2024/01/image-6-1024x340.png)
![](https://saku39log.com/wp-content/uploads/2024/01/image-6-1024x340.png)
SWELL 関連記事紹介
SWELLを使ってコーポレートサイトを自作しました。
よければこちらの記事もどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://saku39log.com/wp-content/uploads/2024/03/a952ac3cb745278147987266aceb89f3-300x169.png)
![](https://saku39log.com/wp-content/uploads/2024/03/a952ac3cb745278147987266aceb89f3-300x169.png)
![](https://saku39log.com/wp-content/uploads/2024/03/a952ac3cb745278147987266aceb89f3-300x169.png)
SWELLでコーポレートサイトを自作 作り方【制作編】実サイト紹介
SWELLを使用してコーポレートサイトを制作しましたので、今回はその手順を紹介します。また以下のサイトは私がSWELLで制作したコーポレートサイトです。このようなサイ…
まとめ
SWELLのヘッダー上に表示されるヘッダーバーの消し方手順でした。
ヘッダーバーが特に不要な場合はこの手順で非表示にしておきましょう。
それでは素敵なSWELLライフを!