バリエーションのプレビュー切り替え

Fumora

Parts Design

色の設定について

テキストや背景色はroot.cssで設定しています。使い方はこちら

見出し・テキスト

h2 heading

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h3見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h4見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h5見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

リンク色

リンクの色の見本です。
文章の途中にリンクを入れるとこんな感じになります。

aタグをdivタグで囲い、divタグに「btn」のclassをつけるとボタンになります。

画像について

コンテンツとコンテンツの境のブロック用の画像はトーンごとに各5枚添付しています。自由に組み替えたり、画像そのものを差し替えたりしてください。

▼このテーマ用の画像はこちら

リスト

  • リストの見本です。
  • リストの中にリストを作成するとこんな感じになります↓
    • リストの中のリストの見本です。
    • リストの中のリストの見本です。
  • リストの見本です。
  1. リストの見本です。
  2. リストの中にリストを作成するとこんな感じになります↓
    1. リストの中のリストの見本です。
    2. リストの中のリストの見本です。
  3. リストの見本です。

区切り線

↓区切り線<hr>を使用するとこんな感じになります。


↑区切り線<hr>を使用するとこんな感じになります。

テーブル

テーブルの見本です。 テーブルの見本です。
テーブルの見本です。 テーブルの見本です。
テーブルの見本です。 テーブルの見本です。

コンタクトフォーム

*は必須項目です。

* *

※フォームはデザインのみです。動作に必要なコード・ファイルは含まれておりません。

更新履歴

  • 2026.01.06リンクありだとこんな感じになります
  • 2026.01.05リンクなしだとこんな感じになります
  • 2026.01.04更新履歴を入れる欄です
  • 2026.01.03更新履歴を入れる欄です更新履歴を入れる欄です更新履歴を入れる欄です
  • 2026.01.02更新履歴を入れる欄です
  • 2026.01.01更新履歴を入れる欄です
← トップページ