コンシューマ向け製品 | 「DigiPress」サンプルサイト

アーカイブ : コンシューマ向け製品

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

広告サンプル

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

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

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

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

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

価格用数字画像使用例

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

1,980

記述例

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

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

続きを読む »

Q&A用アクセント装飾画像表示サンプル

広告サンプル

記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、見出し文章や、注目させたいキャッチフレーズに対して、あらゆるアクセントラベル画像装飾を施すことができます。

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

Q&A用アクセント画像はそれぞれ16種類のカラーをご用意いたしました。Q&A用アクセント画像の他にも、「!」マークと「?」マークもそれぞれ16種類のカラーをご用意いたしております。

DigiPressテーマを使っていますか?

はい、使っています。

DigiPressテーマシリーズを使っていますか?

はい、使っています。

クエスチョンマークです。

エクスクラメーションマークです。

記述例

<p class=”ex_lightgreen”>これはエクスクラメーションマークです。</p>

Q&A用アクセント画像のカラーサンプルは続きからご覧ください。

続きを読む »

リスト項目(箇条書き)表示サンプル

広告サンプル

check

リストタグをそのまま使用すると、現在適用中のテーマカラーに合ったリスト用の先頭画像に置き換わります。

また、チェックマーク用の定義をリストタグ内で定義すると、通常のリストの先頭画像がチェックマークの画像に置き換わって表示されます。
訪問者に対して、商品の特徴や箇条書きでアピールポイントを視覚的に訴えたいときに便利です。

  • これは通常のリストです
  • これは通常のリストです
  • これは通常のリストです
  • これは通常のリストです

チェック画像のリスト表示のサンプルは以下からご覧ください。
続きを読む »

1 of 212»
  • テーマ変更

  • WordPressテーマ変更

  • 提供サービス一覧

  • おすすめプロダクト

    HyperBlogger
    SBMARKER DigiPress-HyperBlogger-Set
  • 新着ニュース

  • Translator

  • フィードを購読

    このサイトのフィードを購読

 
▲Page Top