ブロックの見本:記事で使える表現の一覧

このページはデモサイトのために作られたダミーの情報ページです。実際に存在する店舗や情報ではございません。実在の場所・人物にも一切関係ありません。
この記事は、記事の中で使えるブロックの見本です。お店やイベントの紹介記事でよく使う場面を想定して、ひととおり並べています。
文章の基本
段落の文章です。太字、リンク、マーカーが使えます。
中くらいの見出し
見出しは、大・中・小の3段階です。
小さい見出し
補足の項目に使います。
リスト
- 箇条書きのリストです
- 朝いちばんの時間がおすすめ
- 席は海側から埋まります
- 番号つきのリストです
- まずは海沿いを歩く
- カフェでひと休み
- 買い物
- チェックの印のリストです
- 席は海側から埋まります
- 売り切れ次第、終了です
- 注意書きのリストです
- 掲載の情報は、デモのためのダミーです。
- 丸数字のリストです
- 朝いちばんの時間がおすすめ
- 席は海側から埋まります
引用
散歩の途中に、ふらっと寄ってもらえる店でありたいです。
店主
湘南の町の「いつも」を届ける。
湘南タウン情報 TOWN-S
表
| 時間帯 | 過ごし方 | ひとこと |
|---|---|---|
| 朝 | 朝市をのぞく | 早めの時間がおすすめ |
| 昼 | カフェでランチ | 席は予約が安心 |
| 夕方 | 海辺を歩く | 夕暮れがきれいです |
| 所在地 | 神奈川県○○市○○1-2-3 |
|---|---|
| 営業時間 | ○:00〜○:00 |
| 定休日 | ○曜日 |
| 時間帯 | 過ごし方 |
|---|---|
| 朝 | 朝市をのぞく |
| 昼 | カフェでランチ |
| 夕方 | 海辺を歩く |
画像





画像と文章を横に並べる
写真の横に、見出しと文章を置けます。スマホでは縦に並びます。

写真の上に、文字を重ねられます。
囲みと注意書き
- 営業時間と定休日
- 予約ができるかどうか
- 駅からの道のり
見出しを枠の上に小さく載せる形です。
大事な点を、札つきの囲みで目立たせます。
掲載の情報は、デモのためのダミーです。
枠線だけの囲みです。
地色つきの囲みです。
かぎかっこの囲みです。大事なひとことに使います。
吹き出し

はじめての湘南、どこから回ればよいですか?
編集部まずは海沿いを歩いて、気になったお店に入ってみるのがおすすめです。

次の休みに行ってみよう。
手順
駅から海へ向かって、ゆっくり歩きます。
気になるお店に入ってみましょう。
地元の作り手の品を探します。
最後は、海辺で過ごします。
よくある質問
- 掲載されているお店は実在しますか?
-
このサイトはデモのため、掲載しているお店や情報は架空のものです。
- 記事の掲載について相談できますか?
-
お問い合わせフォームからご連絡ください。
開いたり閉じたりする項目
掲載されているお店は実在しますか?
このサイトはデモのため、掲載しているお店や情報は架空のものです。
記事の掲載について相談できますか?
お問い合わせフォームからご連絡ください。
標準の開閉ブロックです
押すと、中の文章が出ます。
タブ
ゆっくり過ごせるお店を紹介します。
説明のリスト
- アクセス
-
○○駅から徒歩○分。
- 駐車場
-
近くのコインパーキングをご利用ください。
- 予約
-
お電話で承っています。
横に並べる
朝
朝市をのぞく。
昼
カフェでひと休み。
夕方
海辺を歩く。
標準のカラムです。左の列。
右の列。スマホでは縦に並びます。
リンクとボタン

区切りと余白
区切り線の上の文章です。
区切り線の下の文章です。この下に、余白のブロックがあります。
グループ
複数のブロックを、ひとつの囲みにまとめられます。
