切り替え ウィジェットの説明
「切り替え」ウィジェットは、コンテンツの表示と非表示を切り替えることができるウィジェットです。この切り替えウィジェットは、情報を一度に多く提供することなく、必要な情報をだけを切り替えることで表示することができるウィジェットです。
切り替えウィジェットは、見出しとコンテンツのペアを作成し、それぞれの見出しをクリックすることで関連するコンテンツが表示される仕組みです。訪問者は興味のあるセクションだけを展開して詳細を見ることができます。例えば、商品の特徴、サービスの詳細説明、FAQなどを効率的に表示することに向いています。
タイトルにはアイコンも設定することができます。コンテンツが閉じている状態のアイコンを「アイコン」で設定し、アイテムが開いている状態のアイコンは「アクティブアイコン」で設定します。作ったコンテンツの順をドラッグ&ドロップでカンタンに並び替えることができるため、管理も非常に楽です。
FAQ、商品の詳細、サービスの概要などの情報を整理して表示する必要がある場合に便利です。
ほぼ同じ機能である「アコーディオンウィジェット」との違いは「一度に複数展開することができるか」という点です。この切り替えウィジェットは「一度に複数展開」することができるウィジェットです。アイテムAを開いている状態で、アイテムBをクリックするとアイテムBも展開されます。
切り替えウィジェットを配置したサンプル。アイテムをクリックすると内容が展開される。アイテムは追加することができる。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられて
アイコンを変更し、項目内の背景色を設定したサンプル。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられて