【SWELL】アコーディオンを使って投稿リストを隠す

SWELLでサイト型にした場合、PCとモバイルで表示が変わるため場合によっては見え方を変更しなければいけないです

ペンポケブログも大きくトップページを変更しました

今回すごく使える！と思ったのがアコーディオンです

アコーディオンの使い方

SWELLブロックのアコーディオンを選択します

投稿リストをアコーディオンに入れる

次にテキスト入力部分を選択して投稿リストを選択します

テキスト入力部分は隠れる部分になります

右側の矢印で表示させる事ができます

好みで中身の投稿リストを作る

ペンポケのトップページは投稿数９＞カード型＞PC３列＞モバイル２列で作成しています

お好みで投稿リストを編集していきましょう！

投稿リストのリンク設定

リンクボタンのテキストとURLを設定するとすぐボタンが作成できます

次に何を使いたいかがしっかり想定されて作られてるのがSWELLのいいところ

実際に作ったアコーディオン

これで完成です！

必要以上にトップページにあれこれ表示させたくない場合に使うといいと思います

SWELL最高ですよ！