商品名「B」 | WordPressテーマ「DigiPress」サンプルサイト(記事・アーカイブ用表示)

アーカイブ : 商品名「B」

価格用数字画像の表示サンプル

広告サンプル

商品の価格をテキストではなく画像で表示してインパクトを付けたい場合、本来は価格ごとで画像を作成する必要がありますが、「DigiPress」テーマではそのような面倒は不要です。

予め個別の数字画像が3サイズごとに用意されており、スタイルシートの定義によってどのような桁の数字でも画像で表現することができるため、いちいち金額の画像を別途作成する必要がありません。

価格用数字画像は大・中・小の３サイズをご用意いたしました。

金額を変更したい場合でも、記事のテキスト(CSS定義)を変更するのみですぐに数字を変更できます。

さらに、「円（税込み）」画像も用意しており、同様にスタイルシートの定義で表示できます。

価格用数字画像使用例

数字用の装飾は、1文字ずつ指定できるため、どんな桁のどんな数値にも対応できます。

1,980円

記述例

<span class=”int1″>これは数字の「1」です。</span>

価格用数字画像のサイズサンプルは続きからご覧ください。

カテゴリ: 商品名「B」 | コメント(2) » | 2009年10月08日

コンテンツのボックス表示サンプル

広告サンプル

記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内の強調したいまとめとなる文章やコンテンツを枠線(ボックス)で囲んで表示させることができます。

難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。

ボックスの指定は８色のカラー、３種類の枠タイプ、背景色の有無からお選びいただけます。

ボックス表示サンプル

これはボックス内のコンテンツです。
ボックスサンプル（グレー）

これはボックス内のコンテンツです。
背景色ありボックスサンプル（グレー）

これはボックス内のコンテンツです。
ボックスサンプル（レッド）

これはボックス内のコンテンツです。
背景色ありボックスサンプル（レッド）

これはボックス内のコンテンツです。
ボックスサンプル（ブルー）

これはボックス内のコンテンツです。
背景色ありボックスサンプル（ブルー）

記述例

<div class=”int1″>これはボックスです。</div>

その他のカラーや太枠ボックスや点線ボックスのサンプルは、続きからご覧ください。

カテゴリ: 商品名「B」 | コメントは受け付けていません。 | 2009年10月07日

フォントサイズのサンプル

広告サンプル

スタイルシートの決められた定義を利用してHTMLタグで括ることで、小さなフォントサイズから、大きなフォントサイズまで、1ピクセル単位で幅広く指定してテキスト表示することができます。

これは9ピクセルのフォントです。
これは10ピクセルのフォントです。
これは11ピクセルのフォントです。
これは12ピクセルのフォントです。
これは13ピクセルのフォントです。
これは14ピクセルのフォントです。
これは15ピクセルのフォントです。
これは16ピクセルのフォントです。
これは17ピクセルのフォントです。
これは18ピクセルのフォントです。
これは19ピクセルのフォントです。
これは20ピクセルのフォントです。