【SWELL】スマホ開閉メニューをカスタマイズ

この記事は、当サイトでも使用しているWordPressテーマ「SWELL」のスマホ開閉メニューの変更方法です。スマホ用のメニューを「ブログパーツ」で作成してショートコードを「ウィジェット」に配置します。

ブログパーツの作成

ブログパーツの新規作成

ブログパーツ＞新規投稿を追加でブログパーツを作成

メニュー内容の作成

ロゴ画像やアコーディオンブロックを配置してメニューを作成

ブログパーツの呼び出しコード確認

ブログパーツ＞呼び出しコードを確認

ウィジェットに呼び出しコードを追加

外観＞ウィジェット＞スマホ開閉メニュー下＞ブロックを設置して呼び出しコードを追加

CSSを “style.css” に追加

スマホ開閉メニューの “MENU” タイトル文字を非表示にします。
外観＞テーマファイルエディタ＞style.cssに下記の内容を追加

.c-widget__title.-spmenu{
  display:none;
}

以上でスマホ開閉メニューのカスタマイズ方法となります。