SWELLでメガメニューを実装する方法

こんにちは！

本業で業務効率化・システム化の業務をしながら、副業でWeb制作やLINE公式アカウント構築を行っているともやです✨

Web制作やブログをやっていると、グローバルメニューにカーソルを合わせるとサブメニューが画像付きで大きく表示されるサイトを目にすることはありませんか？

私もこんなメニューにしたいなと思い実装してみました！

この記事ではSWELLでグローバルメニューをメガメニュー化する方法をご紹介します😆

サブメニューはブログパーツで作ろう

メガメニューで使用するサブメニューはブログパーツで作成していきます😊

サブメニューはフルワイドブロック→リッチカラム→画像の階層で配置していきます。

・ポイント1☝️
フルワイドブロックのコンテンツ幅設定は「サイト幅」がオススメです😊

・ポイント2☝️
画像を追加すると、画像の下に「キャプションを追加」とあるので、そこにメニュー名を表示すると段落ブロックを追加する手間が省けます！

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）