このテーマでできること

港に停泊する帆船
小林みのり

こんにちは。このサイトを立ち上げたばかりの運営者です。

この記事は、テーマで使えるブロックをひとまとめにした見本記事です。

この記事でわかること

  • 見出し・リスト・引用などの基本的な書式
  • ボックス・コールアウト・ふきだしの使い方
  • ボタン・リンクカード・アコーディオン・表の見え方

見出しとリスト

本文の段落はこのように表示されます。太字や、リンクも使えます。

たとえば、コーヒードリッパーのレビュー記事のように、サイト内の記事にリンクできます。

箇条書きと番号付きリスト

  • 箇条書きの1つ目
  • 箇条書きの2つ目
  1. 番号付きの1つ目
  2. 番号付きの2つ目

見出し4(小見出し)

見出し4は、見出し3よりさらに細かい区切りに使います。

ボックス

ポイント

  1. 番号付きの中に
    • 箇条書きを入れることもできます
  2. 2つ目のポイント

タイトルを付けないボックスも使えます。

コールアウト

本文の段落を挟んで、別の種類のコールアウトも置けます。

ふきだし

読者

読者側のふきだしは、右側に表示されるんですね。

小林みのり

はい。話す人を指定しなければ、記事の執筆者として左側に表示されます。

  • 箇条書きも
  • 使えます

コード

schedule.yamlYAML
到着: 9:00
持ち物:
  - 名刺
  - 筆記用具
メモ
  インデントもそのまま表示されます

表

項目

内容

公開日

記事ごとに設定

カテゴリー

複数設定可

項目

内容

設定場所

備考

タイトル

記事の見出し

編集画面

必須

アイキャッチ

一覧・SNSで表示

編集画面

省略可

カテゴリー

階層あり

タクソノミー

親子関係を作れる

画像と引用

ドリッパーでコーヒーを抽出している様子
画像にはキャプションを付けられます。
引用ブロックは、出典のある文章を引用するときに使います。

ボタン

メインカラーのボタン

収納の記事を読む

目立たせたいリンクに

サンプルの販売ページ

折りたたみ・FAQ

アコーディオンの使い方

押すと開く補足です。

  • 長い説明を隠したいときに使います
  • details という種類です
カテゴリーとタグは何が違いますか?

カテゴリーは階層を持てる大きな分類、タグは階層のない細かい分類です。1つの記事に両方を設定できます。

続けて置いたFAQはどう表示されますか?

はい。2つ目以降は、上のFAQとの間を詰めて表示します。

リンクカード

港に停泊する帆船小さな港町を歩いた3日間大きな観光地ではない、静かな港町をのんびり歩いた3日間の記録です。サンプルサイトリンクカードの見本として使っているサンプル用の外部サイトです。example.com

この記事を書いた人

小林みのり

暮らし・旅・学びのことを中心に書いています。

気になったものはひとまず試してから紹介するようにしています。

コメント