【Gutenberg】アコーディオンブロック

【Gutenberg】アコーディオンブロック

昔のWEBサイトから使われているアコーディオンブロックです。

アコーディオンブロックの追加

ブロックの特徴

コンテンツは自由に追加可能

アコーディオン内のコンテンツは制限してないので、登録されているブロックすべてを追加することができます。

Dony

会話式コンテンツなども入れられる

このようにスライドショーなども、入れることができます。

色選択

色は、アコーディオンボタン色で「文字・背景・線」3種類を、コンテンツは「文字・背景」2種類を設定できます。

Dony

会話式コンテンツなども入れられる

このようにスライドショーなども、入れることができます。

Dony

会話式コンテンツなども入れられる

このようにスライドショーなども、入れることができます。

ただし、コンテンツに追加したブロックの設定により上書きされる場合があります。

Writer Profile

donyのサムネイル

WEB関連の営業から制作まで幅広く経験したフロント・バックエンジニア。
今までのクライアントの要望や制作者としてのノウハウをまとめて「DG-STYLE」を開発しました。

Recommend Post

【Gutenberg】広告スクリプトブロックのサムネイル

【Gutenberg】広告スクリプトブロック

Googleアドセンスなど、Javascriptコードで追加する広告を設置できるブロックです。広告スクリプトブロック広告

2021-08-08
【Gutenberg】ステップブロックのサムネイル

【Gutenberg】ステップブロック

利用流れなどに使えるステップブロックです。ステップブロックステップブロック例STEP1記事編集画面を開く新しい投稿もしく

2021-07-25
【Gutenberg】記事リストブロックのサムネイル

【Gutenberg】記事リストブロック

現在記事の関連記事や指定したカテゴリーorタグなどに属している記事を表示できるブロックです。記事リストブロック記事リスト

2021-07-25
【Gutenberg】目次ブロックのサムネイル

【Gutenberg】目次ブロック

記事内の見出しを自動で取得し目次を作成するブロックです。目次追加例ブロックの特徴目次デザイン目次のデザインは全部で3つあ

2021-05-16
サイトに「お問い合わせフォーム」を追加しよう!のサムネイル

サイトに「お問い合わせフォーム」を追加しよう!

DG-STYLEでは、テーマデフォルト機能として「お問い合わせフォーム」を追加することができます。サイトビルダーと同じ方

2021-03-01
【Gutenberg】サービスブロックのサムネイル

【Gutenberg】サービスブロック

サービスリストや社員紹介などで使える、写真付きカラムのブロックです。サービス追加ブロックの特徴カラム数は制限なしカラム追

2020-12-29
TOP