グリッド3列のサンプル
横に3列に並ぶグリッドのサンプルです。
最大9つまで表示できます。
フレームは線の設定です。(フレーム無し、白、線から選択できます)
このサンプルは「白」を指定しています。
サンプル見出し1
グリッド3列の1つ目の説明文です。
リンク無しで、バッジは青の指定です。
サンプル画像は、生成AIが作成したものです。
バッジ
サンプル見出し2
グリッド3列の2つ目の説明文です。
リンクありで、バッジは黄色の指定です。
バッジとリンクボタンの色は同じになります。
サンプル画像は、生成AIが作成したものです。
詳しくみる
バッジ
サンプル見出し3
グリッド3列の3つ目の説明文です。
リンクありで、バッジは色なしの指定です。
サンプル画像は、生成AIが作成したものです。
詳しくみる
バッジ
グリッド3列マスクサンプル
マスク付きは、画像に円または歪んだ円のマスクが付きます。(マスク無しも可能です)
この例では、歪んだ円を設定しています。
最大9つまで表示できます。
9つで不足する場合は、連続するブロックを使って、数を増やすことが可能です。
3列マスク画像のサンプル1
グリッドのマスク付き画像のサンプルです。
バッジもつけられます。この例は、赤のバッジ指定です。
バッジの文字は自由に入力できます。
バッジ
3列マスク画像のサンプル2
グリッドのマスク付き画像のサンプルです。
リンク付きで、バッジ無しのサンプルです。
詳しくみる
3列マスク画像のサンプル3
グリッドのマスク付き画像のサンプルです。
リンクなしで、バッジは青のサンプルです。
バッジ
グリッド3列角丸サンプル
画像の4隅が丸められて表示されます。
それ以外は、他のグリッド3とほぼ同じです。
この例では、フレームは無しに指定しています。
最大9セット表示できます。
グリッド3列角丸見出し1
角丸画像のサンプル1の説明文です。
リンク有で、バッジは赤に指定しています。
詳しくみる
バッジ
グリッド3列角丸見出し1
角丸画像のサンプル2の説明文です。
リンクなしで、バッジは黄に指定しています。
バッジ
グリッド3列角丸見出し1
角丸画像のサンプル3の説明文です。
リンクなしで、バッジもなしに指定しています。
グリッド2列サンプル
グリッド2列小のサンプルです。フレームは白を選択しています。
最大9つまで作成できます。
グリッド2列のサンプル1
グリッド2列小の1つ目の詳細説明の内容です。
バッジと、リンクボタンの色は同じになります。
バッジは黄色の設定です。
詳しくみる
バッジ
グリッド2列のサンプル2
グリッド2列小の2つ目の詳細説明の内容です。
リンクは無し、バッジもなしの例です。
グリッド2列のサンプル3
グリッド2列小の3つ目の詳細説明の内容です。
リンクはあり、バッジなしの例です。
詳しくみる
グリッド4列のサンプル
グリッド表示で4列です。
フレームは、なし、白、線が選択できます。
この例では白を選択しています。
サンプル見出し1
サンプルの説明文です。
リンク有、バッジ色指定なしの例です。
詳しくみる
バッジ
サンプル見出し2
サンプルの説明文です。
リンクなし、バッジ色赤の例です。
バッジ
サンプル見出し3
サンプルの説明文です。
リンクなし、バッジ色青の例です。
バッジ
サンプル見出し4
サンプルの説明文です。
リンクあり、バッジ色黄色の例です。
詳しくみる
バッジ
リスト1サンプル
リスト形式で、情報を並べて表示します。
最大9つまで表示できます。
フレームも指定できます。この例では白を設定しています。
バッジも設定でき、「NEW」や「注目」など短い単語を自由に設定できます。
リスト見出し1
リスト1の説明文です。
リンクを指定し、バッジは青で表示しています。
詳しくみる
NEW
リスト見出し2
リスト1の説明文です。
リンクなし、バッジは色なしで表示しています。
注目
リスト2サンプル
これはリスト2のサンプルです。
フレームは線を指定しています。
最大9セット表示でき、画像の位置は左右順番に切り替わります。
見出しサンプル1
リスト2の説明文のサンプルです。
リンク有で、バッジは赤です。
詳しくみる
バッジ
見出しサンプル2
リスト2の説明文のサンプルです。
リンクなしで、バッジは青です。
バッジ
リスト2マスクサンプル
リスト2と同じように出力されますが、画像には変化する円のマスクが設定されます。
フレームは線を設定しています。
最大9セット出力でき、画像は左右交互に出力されます。
サンプル1
リスト2マスク付きの説明文のサンプルです。
リンク付きで、バッジは青を設定しています。
詳しくみる
バッジ
サンプル2
リスト2マスク付きの説明文のサンプルです。
リンクなしで、バッジは赤を設定しています。
バッジ