ツイタもんを紹介

建て替えるなら無添加住宅
家族のために化学物質を使わない無添加住宅をオススメします。

シックハウスの方にオススメ。無添加住宅の情報はこちら
無添加住宅
メールでお問合せ

無添加住宅fanは無添加住宅のオーナーが運営。失敗談や成功談を惜しみなく紹介。

文字色、フォントサイズ、背景色、文字装飾の組み合わせでクラス定義しています。
本ページ末尾のフォント装飾例サンプルをご参照下さい。

【h2要素】ご購入者様の声
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

あなたの販売実績や、実際の購入者の方の“喜びの声”を掲載します。

【h2要素】このような悩みや問題を抱えていませんか？
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

読み手の「悩み」「問題点」などを分りやすく記入して下さい。

【h2要素】自己紹介
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

販売実績や業務実績などを含めて自己紹介文を記入して下さい。

【h2要素】ストーリー
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

ストーリー形式の説明文を利用することでより親近感を与えることができます。

Ａさん	「ここにストーリーの文章を記入します」
Ｂさん	「ここにストーリーの文章を記入します」
Ｃさん	「ここにストーリーの文章を記入します」
Ｄさん	「ここにストーリーの文章を記入します」
Ｅさん	「ここにストーリーの文章を記入します」

【h2要素】商品購入のメリット
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

読み手の「悩み」「問題点」などをどのように解決できるのか記入します。
同時に、商品を購入することによるメリットなどを記入します。

【h2要素】商品購入のメリット
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

読み手に潜在的な願望を意識させるために、商品を購入する必要性・理由付けなどを記入します。

【h2要素】本商品の中身・内容
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

購買意欲を高めるために、商品の具体的な中身・内容について記入します。
同時に、商品を購入することによるメリットなどを記入します。

【h2要素】おことわり
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

商品購入をススメない方やその理由などを記入し、一旦読み手を突き放します。

【h2要素】ご購入はこちらから
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

商品購入を誘導するため文章を記入します。

【h2要素】ご購入者様限定の「特典」
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

購入者限定の「特典」などを記入して下さい。

【h2要素】よくある質問とその答え（Ｑ＆Ａ）
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

ご検討中の皆さまから寄せられているよくあるご質問をご覧下さい。

【h2要素】ご購入者様の声
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

最後にもう一度あなたの販売実績や、実際の購入者の方の“喜びの声”を掲載します。

【h2要素】最後に（＝追伸）
明るい背景画像の場合は、黒字フォントのheader_lightクラスを利用して下さい。

ご購入をご検討のお客様に対する最後のメッセージを記入して下さい。

会社名または組織名（個人の場合不要）
販売責任者名またはそのサイン

【ヘルプ】 フォント装飾例サンプル

文字色、フォントサイズ、背景色、文字装飾の組合せで、クラス定義しています。
必要に応じて利用したいクラスをコピー＆ペイストなどして利用して下さい。

・黒字14フォント背景なし装飾なしのサンプル

・黒字14フォント背景なし装飾下線のサンプル

・黒字14フォント背景なし装飾取消線のサンプル

・黒字14フォント背景黄色装飾なしのサンプル

・黒字14フォント背景黄色装飾下線のサンプル

・黒字14フォント背景黄色装飾取消線のサンプル

・赤字14フォント背景なし装飾なしのサンプル

・赤字14フォント背景なし装飾下線のサンプル

・赤字14フォント背景なし装飾取消線のサンプル

・赤字14フォント背景黄色装飾なしのサンプル

・赤字14フォント背景黄色装飾下線のサンプル

・赤字14フォント背景黄色装飾取消線のサンプル

・黒字16フォント背景なし装飾なしのサンプル

・黒字16フォント背景なし装飾下線のサンプル

・黒字16フォント背景なし装飾取消線のサンプル

・黒字16フォント背景黄色装飾なしのサンプル

・黒字16フォント背景黄色装飾下線のサンプル

・黒字16フォント背景黄色装飾取消線のサンプル

・赤字16フォント背景なし装飾なしのサンプル

・赤字16フォント背景なし装飾下線のサンプル

・赤字16フォント背景なし装飾取消線のサンプル

・赤字16フォント背景黄色装飾なしのサンプル

・赤字16フォント背景黄色装飾下線のサンプル

・赤字16フォント背景黄色装飾取消線のサンプル

・黒字18フォント背景なし装飾なしのサンプル

・黒字18フォント背景なし装飾下線のサンプル

・黒字18フォント背景なし装飾取消線のサンプル

・黒字18フォント背景黄色装飾なしのサンプル

・黒字18フォント背景黄色装飾下線のサンプル

・黒字18フォント背景黄色装飾取消線のサンプル

・赤字18フォント背景なし装飾なしのサンプル

・赤字18フォント背景なし装飾下線のサンプル

・赤字18フォント背景なし装飾取消線のサンプル

・赤字18フォント背景黄色装飾なしのサンプル

・赤字18フォント背景黄色装飾下線のサンプル

・赤字18フォント背景黄色装飾取消線のサンプル

・黒字20フォント背景なし装飾なしのサンプル

・黒字20フォント背景なし装飾下線のサンプル

・黒字20フォント背景なし装飾取消線のサンプル

・黒字20フォント背景黄色装飾なしのサンプル

・黒字20フォント背景黄色装飾下線のサンプル

・黒字20フォント背景黄色装飾取消線のサンプル

・赤字20フォント背景なし装飾なしのサンプル

・赤字20フォント背景なし装飾下線のサンプル

・赤字20フォント背景なし装飾取消線のサンプル

・赤字20フォント背景黄色装飾なしのサンプル

・赤字20フォント背景黄色装飾下線のサンプル

・赤字20フォント背景黄色装飾取消線のサンプル

・黒字22フォント背景なし装飾なしのサンプル

・黒字22フォント背景なし装飾下線のサンプル

・黒字22フォント背景なし装飾取消線のサンプル

・黒字22フォント背景黄色装飾なしのサンプル

・黒字22フォント背景黄色装飾下線のサンプル

・黒字22フォント背景黄色装飾取消線のサンプル

・赤字22フォント背景なし装飾なしのサンプル

・赤字22フォント背景なし装飾下線のサンプル

・赤字22フォント背景なし装飾取消線のサンプル

・赤字22フォント背景黄色装飾なしのサンプル

・赤字22フォント背景黄色装飾下線のサンプル

・赤字22フォント背景黄色装飾取消線のサンプル

・黒字24フォント背景なし装飾なしのサンプル

・黒字24フォント背景なし装飾下線のサンプル

・黒字24フォント背景なし装飾取消線のサンプル

・黒字24フォント背景黄色装飾なしのサンプル

・黒字24フォント背景黄色装飾下線のサンプル

・黒字24フォント背景黄色装飾取消線のサンプル

・赤字24フォント背景なし装飾なしのサンプル

・赤字24フォント背景なし装飾下線のサンプル

・赤字24フォント背景なし装飾取消線のサンプル

・赤字24フォント背景黄色装飾なしのサンプル

・赤字24フォント背景黄色装飾下線のサンプル

・赤字24フォント背景黄色装飾取消線のサンプル

・黒字28フォント背景なし装飾なしのサンプル

・黒字28フォント背景なし装飾下線のサンプル

・黒字28フォント背景なし装飾取消線のサンプル

・黒字28フォント背景黄色装飾なしのサンプル

・黒字28フォント背景黄色装飾下線のサンプル

・黒字28フォント背景黄色装飾取消線のサンプル

・赤字28フォント背景なし装飾なしのサンプル

・赤字28フォント背景なし装飾下線のサンプル

・赤字28フォント背景なし装飾取消線のサンプル

・赤字28フォント背景黄色装飾なしのサンプル

・赤字28フォント背景黄色装飾下線のサンプル

・赤字28フォント背景黄色装飾取消線のサンプル

【ヘルプ】 文字配置例サンプル

強制的に左寄せに配置したい場合は、「align=left」オプションを指定します。

強制的に中央揃えに配置したい場合は、「align=center」オプションを指定します。

強制的に右寄せに配置したい場合は、「align=right」オプションを指定します。

【ヘルプ】 強調タグの利用例サンプル

SEO対策したいキーワードなどは、<strong> タグで強調表示させて下さい。
ただし、あまり乱用すると逆効果になります。ナチュラルにご自身でも読みやすい程度に使用して下さい。

強調したいキーワードは、このように 強調タグ で囲んで下さい。

配色する場合は、上述の文例に従って、 配色用のクラス を指定します。

配色する場合は、上述の文例に従って、 配色用のクラス を指定します。