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

このページはデモサイトのために作られたダミーの情報ページです。実際に存在する店舗や情報ではございません。実在の場所・人物にも一切関係ありません。

この記事は、記事の中で使えるブロックの見本です。お店やイベントの紹介記事でよく使う場面を想定して、ひととおり並べています。

文章の基本

段落の文章です。太字、リンク、マーカーが使えます。

中くらいの見出し

見出しは、大・中・小の3段階です。

小さい見出し

補足の項目に使います。

リスト

  • 箇条書きのリストです
  • 朝いちばんの時間がおすすめ
  • 席は海側から埋まります
  1. 番号つきのリストです
  2. まずは海沿いを歩く
  3. カフェでひと休み
  4. 買い物
  • チェックの印のリストです
  • 席は海側から埋まります
  • 売り切れ次第、終了です
  • 注意書きのリストです
  • 掲載の情報は、デモのためのダミーです。
  1. 丸数字のリストです
  2. 朝いちばんの時間がおすすめ
  3. 席は海側から埋まります

引用

散歩の途中に、ふらっと寄ってもらえる店でありたいです。

店主

湘南の町の「いつも」を届ける。

湘南タウン情報 TOWN-S

表

時間帯過ごし方ひとこと
朝朝市をのぞく早めの時間がおすすめ
昼カフェでランチ席は予約が安心
夕方海辺を歩く夕暮れがきれいです
所在地神奈川県○○市○○1-2-3
営業時間○:00〜○:00
定休日○曜日
時間帯過ごし方
朝朝市をのぞく
昼カフェでランチ
夕方海辺を歩く

画像

画像には、説明の文を付けられます。

画像と文章を横に並べる

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

写真の上に、文字を重ねられます。

囲みと注意書き

ご相談の前に確かめたいこと
  • 営業時間と定休日
  • 予約ができるかどうか
  • 駅からの道のり
ポイント

見出しを枠の上に小さく載せる形です。

大事な点を、札つきの囲みで目立たせます。

掲載の情報は、デモのためのダミーです。

補足の情報は、小さな印つきの囲みで添えます。

枠線だけの囲みです。

地色つきの囲みです。

かぎかっこの囲みです。大事なひとことに使います。

吹き出し

はじめての湘南、どこから回ればよいですか?

編集部

まずは海沿いを歩いて、気になったお店に入ってみるのがおすすめです。

次の休みに行ってみよう。

手順

STEP
まずは海沿いを歩く

駅から海へ向かって、ゆっくり歩きます。

STEP
カフェでひと休み

気になるお店に入ってみましょう。

STEP
買い物

地元の作り手の品を探します。

STEP
夕暮れを見る

最後は、海辺で過ごします。

よくある質問

掲載されているお店は実在しますか?

このサイトはデモのため、掲載しているお店や情報は架空のものです。

記事の掲載について相談できますか?

お問い合わせフォームからご連絡ください。

開いたり閉じたりする項目

掲載されているお店は実在しますか?

このサイトはデモのため、掲載しているお店や情報は架空のものです。

記事の掲載について相談できますか?

お問い合わせフォームからご連絡ください。

標準の開閉ブロックです

押すと、中の文章が出ます。

タブ

ゆっくり過ごせるお店を紹介します。

説明のリスト

アクセス

○○駅から徒歩○分。

駐車場

近くのコインパーキングをご利用ください。

予約

お電話で承っています。

横に並べる

朝

朝市をのぞく。

昼

カフェでひと休み。

夕方

海辺を歩く。

標準のカラムです。左の列。

右の列。スマホでは縦に並びます。

リンクとボタン

区切りと余白

区切り線の上の文章です。


区切り線の下の文章です。この下に、余白のブロックがあります。

グループ

複数のブロックを、ひとつの囲みにまとめられます。

お知らせの一覧へ