社内サイト管理者を育てる会社、中小企業119専門家、デジタル化応援隊専門家

SWELLブロックを利用したブロックパーツの制作・パターン21~30

目次

ブロックパーツの制作21  アコーディオン

アコーディオン  /  アコーディオン 開いた状態

アコーディオンの使い方

右上の▲▼印をクリックすると
上下に説明エリアが広がる

アコーディオンの使い方

右上の▲▼印をクリックすると
上下に説明エリアが広がる

ブロックパーツの制作22  ふきだし

ふきだし

ふきだし右
発言、ふきだし線あり
アイコン画像あり
アイコン丸枠あり
アイコンはオリジナル画像表示出来ます。

ふきだし左
心の声、ふきだし線あり
アイコン画像あり
アイコン丸枠なし

ふきだし
心の声、ふきだし線なし
アイコン画像あり
背景色:薄緑

ブロックパーツの制作23  関連記事

ブロックパーツの制作24  タブブロック

タブブロック

タブ1側の内容を書き入れています。

ブロックパーツの制作25  ブログパーツ

ブログパーツ

下記の内容は一塊として「ブログパーツ」としてブログパーツ一覧に保存されています。

ブリグパーツの塊を呼び出して使っています。

ページ最終部分などで繰り返して使う内容はブログパーツでお使いください。

のデーターを1箇所修正すると、全ての場所で修正内容が反映されます。

サイト制作教室 KS志
中小企業119専門家

連絡先 090-1487-2959
MAIL kosunji@gmail.com

URL https://kskokorozasi.com
問合せフォームはこちら

ブロックパーツの制作26  投稿リスト5件(レイアウト テキスト型)

ブロックパーツの制作27  投稿リスト3件( カラム最大3列  カード型)

ブロックパーツの制作28  投稿リスト5件( カラム最大3列 カード型)

ブロックパーツの制作29  投稿リスト5件(カラム最大3列 サムネイル型)

ブロックパーツの制作30  投稿リスト3件(レイアウト リスト型左右交互)

この記事を書いた人

目次
閉じる