質問: スマートフォンサイトでのデザインにつきまして 添付画像の「交換/返品/配送情報」のように、スマートフォンサイトで見た場合に、最初はページが隠れてるデザインで、右の矢印を押すとページが表示されるようにデザインをしたいのですが、これはどのようにコードを組めばよいでしょうか?
回答: ecマスターズの田中です。最初は隠れており、タップすることで表示されるメニューはいわゆる「アコーディオンメニュー」と呼ばれるもので、javascriptやcssを活用して、様々な方法で設置することができます。googleにて検索していただくと様々な方法が紹介されておりますが、たとえば、かなりシンプルな方法が下記urlにて紹介されております。https://www.kimagure-weblog.net/js/accordion001/(動作のみの実装で、別途デザインを整える必要がございます)なお、システムによっては、プラグインなどの拡張機能によってhtmlで記載するよりも簡単に設置することができる場合もございます。たとえば、wordpressプラグインの「shortcodes ultimate」の機能の一つとして、アコーディオンを挿入する機能が搭載されております。https://ja.wordpress.org/plugins/shortcodes-ultimate/まずは、aloha_odenさんにて「アコーディオンメニュー」の導入をお試しいただき、わからない場合は、導入の際に詰まった場所や、導入先のサイトのシステム(wordpress、カラーミーショップ など)など、詳しい情報を添えてご返信いただきますようお願いします。