ワードプレスの有料テーマ「SWELL」で、スマホ開閉メニュー(三本線のタップするとメニューが現れるボタンのこと、ハンバーガーメニューとも言います)の表示位置を左側から右側に変える方法をご紹介いたします。
Contents
「SWELL」の標準のスマホのヘッダー表示
ワードプレステーマ「SWELL」の標準設定では、スマホのヘッダーは、左側にスマホ開閉メニュー、中央にサイト名(サイトロゴ)、右側に検索ボタンが表示されます。
スマホ開閉メニューを左側から右側に変更する
ワードプレスの管理画面左側「外観」>「カスタマイズ」をクリックし、カスタマイズ画面で「ヘッダー」をクリックします。
「レイアウト・デザイン設定」の項目で、「ヘッダーのレイアウト(SP)」を「ロゴ:中央/メニュー:右」もしくは、「ロゴ:中央/メニュー:右」に変更すればOKです。
検索ボタンが要らない場合は、「検索ボタン設定」の「検索ボタンの表示設定(SP)」で「表示しない」に変更します。
スマホ開閉メニューの3つのレイアウトパターン
検索ボタンを非表示にした状態で、ヘッダーレイアウトの3つのパターンは以下の通りなります。
「ロゴ:中央/メニュー:左」
「ロゴ:左/メニュー:右」
「ロゴ:中央/メニュー:右」
まとめ
今回は、ワードプレスの有料テーマ「SWELL」のスマホ表示時のヘッダーレイアウトの変更方法をご紹介させていただきました。
「SWELL」は、カスタマイズできる項目が豊富にありますので、専門的な知識が無くても簡単に思い通りのレイアウト・デザインにすることができます。ただし、カスタマイズ項目が有り過ぎて、どこで設定するのかわからない方もいるかと思いますので、参考にしていただければと思います。