デザインサンプル

このページでは、WordPressテーマ「Lumen」で使用できる、さまざまな文章装飾や表示形式をご紹介しています。

見出し、引用、リスト、表、ボタンなど、記事作成に役立つ基本的なデザインを実際に確認できます。

見出しのデザイン

見出しは、文章の内容を整理し、読みやすくするための大切な要素です。

Lumenでは、文章の階層に合わせて異なる見出しデザインを用意しています。

小見出しのサンプル

文章の途中に小見出しを設けることで、長い記事でも内容を把握しやすくなります。

引用のデザイン

引用文は、ほかの文章と区別して表示するために使用します。

暮らしを豊かにするのは、特別な出来事だけではありません。何気ない毎日の中にも、小さな幸せが隠れています。

リストのデザイン

箇条書きを使うと、複数の情報をわかりやすく整理できます。

例えば、休日にやりたいことをまとめるなら、次のようになります。

  • お気に入りのカフェに行く
  • 読みかけの本を読む
  • 部屋の掃除をする
  • 近所を散歩する
  • ゆっくり音楽を聴く

番号付きリストにも対応しています。

  1. 予定を決める
  2. 必要なものを準備する
  3. 実際に行動する
  4. 一日を振り返る

表のデザイン

表を使えば、複数の情報を整理して表示できます。

項目内容
テーマ名Lumen
用途ブログ・情報発信
デザインシンプル・ミニマル
対応環境WordPress

画像のデザイン

画像を使うことで、文章だけでは伝わりにくい雰囲気や情報を表現できます。

画像の下にはキャプションを設定することもできます。

ここにキャプションが表示されます

ボタンのデザイン

ボタンは、関連ページへの案内や、外部サイトへのリンクなどに使用できます。

まとめ

Lumenでは、文章そのものの読みやすさを大切にしながら、必要な情報をわかりやすく伝えるデザインを目指しています。

このデザインサンプルを参考に、さまざまな記事を作成してみてください。