【SWELL】アコーディオンの使い方【読者の使い心地に配慮した設計】

こういった悩みにお答えします。

是非、最後までご覧ください。

【SWELL】アコーディオンブロックの使い方【直感的に作成できる設計】

今回は事前に用意した （こちら）のアコーディオンを作りながら使い方を解説していきます。

用意されているスタイル

メインカラーについて

管理画面メニューから、「外観」＞「カスタマイズ」を選択後、「サイト全体設定」＞「基本カラー」を開き、その中の「メインカラー」が反映されています。

用意されているアイコンセット

アコーディオンを作りながら使い方を解説

管理画面メニューから、「投稿」＞「新規投稿を追加」を選択します。

（ブロック挿入ツールを切り替え）から、「ブロック」＞「SWELLブロック」＞「アコーディオン」を選択します。

 （設定）の「ブロック」から以下を選択します。

「テキストを入力…」を選択後、 （設定）から、「アコーディオン設定」を開きます。

（項目を追加）から、アコーディオンブロックを追加します。

アコーディオンブロックを追加後、「タイトル」と「内容」を入力します。

これで完成ですので、「投稿を表示」または「 （プレビュー）＞新しいタブでプレビュー」から表示を確認してみましょう。

アコーディオンブロックを目次にする

完成したアコーディオンブロックに以下を行います。

「投稿を表示」または「 （プレビュー）＞新しいタブでプレビュー」から表示を確認してみましょう。

アコーディオンが目次に表示されています。

【SWELL】アコーディオンブロック【読者の使い心地に配慮した設計】

アコーディオンまでTabで移動してEnterで開閉

キーボード操作でページ内を移動（TabまたはShift+Tab）してEnterで開閉する。

アコーディオン内の内容を「ページ内検索」で探せる

今回は以上です。