![見出し画像](https://assets.st-note.com/production/uploads/images/96056986/rectangle_large_type_2_209d12eb8035d68c886272817f43c365.png?width=1200)
【SWELL】ヘッダーメニューの一部をボタン化する方法
WEB制作しているHISASHIです。
今回は、コーポーレートサイトでもよく使われている「ヘッダーの一部をボタン化する」というカスタマイズをご紹介したいと思います。
どのようなものかは以下をご覧ください。
![](https://assets.st-note.com/img/1674189173660-lp2HX8oMFO.png?width=1200)
![](https://assets.st-note.com/img/1674189183055-V04SvNBesb.png?width=1200)
なお今回のカスタマイズ方法では、どの位置のメニューであっても簡単に変更することができます。
![](https://assets.st-note.com/img/1674189916800-UJi5aUVMhf.png?width=1200)
もちろん、色をメインカラーや任意の色に変更したり、大きさを自由に変更することも可能です。
また今回のカスタマイズは、すでに作られているヘッダーメニューをそのまま使うことができるため、別途何か設定する必要もありません。
初心者でも簡単に実装できます。
環境
バージョン情報
SWELL: 2.10.0(2024.5.27日時点最新)
利用確認できているバージョンです。
ヘッダーに大きな構造変更がない限りは、アップデートによる影響はありません。
カスタマイズ方法
ここから先は
1,092字
¥ 1,000
この記事が気に入ったらサポートをしてみませんか?