装飾

コピペで簡単!クリックすると開く折り畳みメニューを作る方法

HPには様々な情報を載せます。

ただ、全ての情報が全てのユーザーに必要なわけではありません。

そんな時は必要ない情報は表示しないようにして、ユーザーにとってもデザイン的にも閲覧しやすいHPにしましょう。

その基本的な方法がクリックすると開く折り畳みメニュー「アコーディオンメニュー」です。

今回は簡単にコピペでできる「アコーディオンメニュー」の作り方をご紹介します!

 

アコーディオンメニューのコード

下記のコードがアコーディオンメニューのものになります。







以上になります。

コピペしてIDの部分だけ編集し直すと簡単に作ることができます。

下記が同じコードで作ったものになります。

 

装飾をするとデザイン性アップ!

文字だけだとクリック出来るのかわかりにくいので、ボタンのように装飾するとユーザビリティー・デザイン性共に向上します。

簡単に装飾すると下記のようなボタンになります。

装飾までやるとなると、専門的な知識が必要になります。

 

外注で時間を買おう!

コピペで簡単な作業でも、装飾をしっかりやるとなると時間がかかってしまいます。

「じゃあやっぱりやめとこおうかな・・・」

そうお考えの方は、外注するのが一番良いです!

WEBの便利屋Lallapalloozaでは、アコーディオンメニュー化を3,000円〜代行いたします。(費用につきましては内容により左右されます)

情報量が多いな・・・

なんかスマホで見たら1ページが長いな・・・

そう感じたら是非弊社にお任せください!

 
下記のお申し込みページにて、ご相談・ご依頼の受付を行っております。

お申し込み後24時間以内に、お見積りと決済リンクをご連絡させていただきます。

  • この記事を書いた人
  • 最新記事
金山正興

kanayama

ホームページの制作を中心に、チラシ・名刺・POPなどのデザインを行っています。 現在、YouTuberやブログのアドセンス広告・アフィリエイトなどもにも力を入れています。 副業ではテニスインストラクターをやっています。

-装飾

© 2020 Web(ウェブ)の便利屋Lallapallooza(ララパルーザ)