HPには様々な情報を載せます。
ただ、全ての情報が全てのユーザーに必要なわけではありません。
そんな時は必要ない情報は表示しないようにして、ユーザーにとってもデザイン的にも閲覧しやすいHPにしましょう。
その基本的な方法がクリックすると開く折り畳みメニュー「アコーディオンメニュー」です。
今回は簡単にコピペでできる「アコーディオンメニュー」の作り方をご紹介します！
アコーディオンメニューのコード
下記のコードがアコーディオンメニューのものになります。
以上になります。
コピペしてIDの部分だけ編集し直すと簡単に作ることができます。
下記が同じコードで作ったものになります。
装飾をするとデザイン性アップ！
文字だけだとクリック出来るのかわかりにくいので、ボタンのように装飾するとユーザビリティー・デザイン性共に向上します。
簡単に装飾すると下記のようなボタンになります。
装飾までやるとなると、専門的な知識が必要になります。
外注で時間を買おう！
コピペで簡単な作業でも、装飾をしっかりやるとなると時間がかかってしまいます。
「じゃあやっぱりやめとこおうかな・・・」
そうお考えの方は、外注するのが一番良いです！
WEBの便利屋Lallapalloozaでは、アコーディオンメニュー化を3,000円〜代行いたします。（費用につきましては内容により左右されます）
情報量が多いな・・・
なんかスマホで見たら１ページが長いな・・・
そう感じたら是非弊社にお任せください！
下記のお申し込みページにて、ご相談・ご依頼の受付を行っております。
お申し込み後24時間以内に、お見積りと決済リンクをご連絡させていただきます。