http://digipress.digi-state.com/sample 商用ブログに特化した、企業ポータルサイトにも使える一歩踏み込んだ拡張型WordPressテーマで個性のあるサイト基盤を― Sat, 17 Apr 2010 03:44:24 +0000 http://backend.userland.com/rss092 en テーマカラー&レイアウト変更は管理画面で！ DigiPressテーマは、サイトのあらゆる表示箇所について、利用者ごとで好みの設定をその都度簡単に変更できる、一般のただのテンプレートにはない高度で自由なカスタマイズ機能を持っています。 カスタマイズ項目は、テーマカラー、サイドバータイプ、内部SEOに関するあらゆる変更、トップページの表示形式、アーカイブページでの記事一覧表示形式など、30項目以上が用意されており、バージョンアップでこれらは随時追加されます。 テンプレートを一切編集せずに自由にヘッダー画像をカスタム！ レイアウトだけではありません。 DigiPressでは、サイトヘッダー用の画像のアップロードからヘッダー画像の切り替え、削除までテーマ専用の管理画面から自由自在に操作できます。 さらに、ヘッダー画像上に表示するサイトタイトルと説明文の表示有無から、それらのテキストカラーまでカラーピッカーを使ってあっという間に変更することができます。 これらの自由度の高いカスタマイズを実現するのが、DigiPressのテーマオプションです。 表示&SEOカスタマイズも管理画面で！ DigiPressのテーマオプションはWordPressの管理画面から直接操作でき、テーマファイルやCSSファイルを編集する必要がないため、PHPやHTML、CSSの記述に関する知識がなくても容易にカラーやサイドバーレイアウトを変更できます。 このため、誤ってテーマファイルを編集してしまってレイアウトやデザインが崩れたり、原因不明で表示されなくなってしまう恐れがありません。 http://digipress.digi-state.com/sample/item/itemreco/no-edit-css/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内のキーとなるあらゆるフレーズに対して、汎用的な見出しアクセント画像を表示することができます。 難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。 アクセント画像は四角タイプと円形デザインが共に２種類、カラーはそれぞれ１６種類用の合計６４パターンをご用意いたしました。 四角デザインの見出しサンプル(1) 四角デザインの見出しサンプル(1) 四角デザインの見出しサンプル(2) 四角デザインの見出しサンプル(2) 円形デザインの見出しサンプル(1) 円形デザインの見出しサンプル(1) 円形デザインの見出しサンプル(2) 円形デザインの見出しサンプル(2) 記述例 <p class="circle2_lightgreen">これは円形デザインの見出しです。</p> アクセント画像付きテキスト装飾のカラーサンプルは続きからご覧ください。 四角デザイン（ダークブルー） 四角デザイン（ブルー） 四角デザイン（ライトブルー） 四角デザイン（グリーン） 四角デザイン（ライトグリーン） 四角デザイン（シルバー） 四角デザイン（イエロー） 四角デザイン（ゴールド） 円形デザイン（ライトオレンジ） 円形デザイン（オレンジ） 円形デザイン（モカ） 円形デザイン（レッド） 円形デザイン（ピンク） 円形デザイン（ライトピンク） 円形デザイン（ライラック） 円形デザイン（グレー） http://digipress.digi-state.com/sample/enterprise/item-c/wideusedecorationimg/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、あらゆるテキスト装飾を施すことができます。 難しいHTMLのスタイル定義や画像を用意しなくても、チェックポイントやワンポイントに使えるラベル画像を膨大にご用意しおります。 これらの装飾を駆使すれば、読みやすくメリハリの利いたハイセンスな記事を誰でも簡単に書くことができます。 テキスト付き見出し用ラベルの画像は１０種類、それぞれのタイプに１６種類のカラーをご用意いたしました。 １０種類のテキスト付き見出し用ラベル画像サンプル これは注意用ラベル これは注目用ラベル これはCheck!用ラベル これはPoint!用ラベル これはまとめ用ラベル これは重要用ラベル これは要点用ラベル これはNew!用ラベル これはオススメ用ラベル これはTips用ラベル 記述例 <p class="tips_green">これはTips用ラベルです。</p> テキスト付き見出し用ラベル画像のカラーサンプルは続きからご覧ください。 １６種類のテキスト付き見出し用ラベル画像カラーサンプル ラベル画像のカラーサンプル(ダークブルー) ラベル画像のカラーサンプル(ブルー) ラベル画像のカラーサンプル(ライトブルー) ラベル画像のカラーサンプル(グリーン) ラベル画像のカラーサンプル(ライトグリーン) ラベル画像のカラーサンプル(シルバー) ラベル画像のカラーサンプル(イエロー) ラベル画像のカラーサンプル(ゴールド) ラベル画像のカラーサンプル(ライトオレンジ) ラベル画像のカラーサンプル(オレンジ) ラベル画像のカラーサンプル(モカ) ラベル画像のカラーサンプル(レッド) ラベル画像のカラーサンプル(ピンク) ラベル画像のカラーサンプル(ライトピンク) ラベル画像のカラーサンプル(ライラック) ラベル画像のカラーサンプル(グレー) http://digipress.digi-state.com/sample/item/itemreco/textlabelimg/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、ポイントとなるフレーズや見出しの先頭に、様々なカラーのバッジアクセント画像を表示することができます。 難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。 バッジ型見出し用ラベルの画像は１６種類のカラーをご用意いたしました。 バッジ型見出し用ラベル画像カラーサンプル バッジ型ラベル画像のカラーサンプル(ダークブルー) バッジ型ラベル画像のカラーサンプル(ブルー) バッジ型ラベル画像のカラーサンプル(ライトブルー) バッジ型ラベル画像のカラーサンプル(グリーン) バッジ型ラベル画像のカラーサンプル(ライトグリーン) 記述例 <p class="star_lightgreen">これはバッジ型ラベル画像の見出しです。</p> その他のバッジ型見出し用ラベル画像のカラーサンプルは続きからご覧ください。 バッジ型ラベル画像のカラーサンプル(シルバー) バッジ型ラベル画像のカラーサンプル(イエロー) バッジ型ラベル画像のカラーサンプル(ゴールド) バッジ型ラベル画像のカラーサンプル(ライトオレンジ) バッジ型ラベル画像のカラーサンプル(オレンジ) バッジ型ラベル画像のカラーサンプル(モカ) バッジ型ラベル画像のカラーサンプル(レッド) バッジ型ラベル画像のカラーサンプル(ピンク) バッジ型ラベル画像のカラーサンプル(ライトピンク) バッジ型ラベル画像のカラーサンプル(ライラック) バッジ型ラベル画像のカラーサンプル(グレイ) http://digipress.digi-state.com/sample/item/itemreco/badge-decoration/ あのブログ自動/手動投稿ツール「HyperBlogger」に話題のTwitter(ツイッター)クライアント機能とブログ投稿連携機能、もしもドロップシッピング商品検索が追加された、アフィリエイター待望のコンプリートパッケージ、「HyperBloggerハイグレードエディション」。 対応アフィリエイトサービスは、楽天市場、楽天トラベル、アマゾン、電脳卸、DMM、インフォトップ、インフォカート、そしてもしもドロップシッピング。 サイト運営は、進化し続けるハイパーブロガーにお任せください。 購入はこちら！ ※この記事はサンプルです。 http://digipress.digi-state.com/sample/item/hb/ 商品の価格をテキストではなく画像で表示してインパクトを付けたい場合、本来は価格ごとで画像を作成する必要がありますが、「DigiPress」テーマではそのような面倒は不要です。 予め個別の数字画像が3サイズごとに用意されており、スタイルシートの定義によってどのような桁の数字でも画像で表現することができるため、いちいち金額の画像を別途作成する必要がありません。 価格用数字画像は大・中・小の３サイズをご用意いたしました。 金額を変更したい場合でも、記事のテキスト(CSS定義)を変更するのみですぐに数字を変更できます。 さらに、「円（税込み）」画像も用意しており、同様にスタイルシートの定義で表示できます。 価格用数字画像使用例 数字用の装飾は、1文字ずつ指定できるため、どんな桁のどんな数値にも対応できます。 1,980円 記述例 <span class="int1">これは数字の「1」です。</span> 価格用数字画像のサイズサンプルは続きからご覧ください。 価格用数字画像（大）サンプル 0123456789 価格用数字画像（中）サンプル 0123456789 価格用数字画像（小）サンプル 0123456789 http://digipress.digi-state.com/sample/consumer/item-b/digit-sample/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、見出し文章や、注目させたいキャッチフレーズに対して、あらゆるアクセントラベル画像装飾を施すことができます。 難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。 Q&A用アクセント画像はそれぞれ１６種類のカラーをご用意いたしました。Q&A用アクセント画像の他にも、「！」マークと「？」マークもそれぞれ１６種類のカラーをご用意いたしております。 DigiPressテーマを使っていますか？ はい、使っています。 DigiPressテーマシリーズを使っていますか？ はい、使っています。 クエスチョンマークです。 エクスクラメーションマークです。 記述例 <p class="ex_lightgreen">これはエクスクラメーションマークです。</p> Q&A用アクセント画像のカラーサンプルは続きからご覧ください。 Q&A用、その他のアクセント画像カラーサンプル 質問用アクセント画像のカラーサンプル(ダークブルー) 答え用アクセント画像のカラーサンプル(ブルー) 質問用アクセント画像のカラーサンプル(ライトブルー) 解答用アクセント画像のカラーサンプル(グリーン) 質問用アクセント画像のカラーサンプル(ライトグリーン) 解答用アクセント画像のカラーサンプル(シルバー) 質問用アクセント画像のカラーサンプル(イエロー) 解答用アクセント画像のカラーサンプル(ゴールド) 「？」アクセント画像のカラーサンプル(ライトオレンジ) 「？」アクセント画像のカラーサンプル(オレンジ) 「？」アクセント画像のカラーサンプル(モカ) 「？」アクセント画像のカラーサンプル(レッド) 「！」アクセント画像のカラーサンプル(ピンク) 「！」アクセント画像のカラーサンプル(ライトピンク) 「！」アクセント画像のカラーサンプル(ライラック) 「！」アクセント画像のカラーサンプル(グレイ) お好みで自由なカラーの組み合わせをお選びいただき、サイトを装飾することが可能です。 http://digipress.digi-state.com/sample/consumer/item-a/accent-img/ リストタグをそのまま使用すると、現在適用中のテーマカラーに合ったリスト用の先頭画像に置き換わります。 また、チェックマーク用の定義をリストタグ内で定義すると、通常のリストの先頭画像がチェックマークの画像に置き換わって表示されます。 訪問者に対して、商品の特徴や箇条書きでアピールポイントを視覚的に訴えたいときに便利です。 これは通常のリストです これは通常のリストです これは通常のリストです これは通常のリストです チェック画像のリスト表示のサンプルは以下からご覧ください。 これはチェックマークリストです これはチェックマークリストです これはチェックマークリストです これはチェックマークリストです これは通常の連番リストです これは通常の連番リストです これは通常の連番リストです これは通常の連番リストです http://digipress.digi-state.com/sample/consumer/item-a/list-sample/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内の強調したいまとめとなる文章やコンテンツを枠線(ボックス)で囲んで表示させることができます。 難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。 ボックスの指定は８色のカラー、３種類の枠タイプ、背景色の有無からお選びいただけます。 ボックス表示サンプル これはボックス内のコンテンツです。 ボックスサンプル（グレー） これはボックス内のコンテンツです。 背景色ありボックスサンプル（グレー） これはボックス内のコンテンツです。 ボックスサンプル（レッド） これはボックス内のコンテンツです。 背景色ありボックスサンプル（レッド） これはボックス内のコンテンツです。 ボックスサンプル（ブルー） これはボックス内のコンテンツです。 背景色ありボックスサンプル（ブルー） 記述例 <div class="int1">これはボックスです。</div> その他のカラーや太枠ボックスや点線ボックスのサンプルは、続きからご覧ください。 これはボックス内のコンテンツです。 ボックスサンプル（グリーン） これはボックス内のコンテンツです。 背景色ありボックスサンプル（グリーン） これはボックス内のコンテンツです。 ボックスサンプル（イエロー） これはボックス内のコンテンツです。 背景色ありボックスサンプル（イエロー） これはボックス内のコンテンツです。 ボックスサンプル（ピンク） これはボックス内のコンテンツです。 背景色ありボックスサンプル（ピンク） これはボックス内のコンテンツです。 ボックスサンプル（オレンジ） これはボックス内のコンテンツです。 背景色ありボックスサンプル（オレンジ） これはボックス内のコンテンツです。 ボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 背景色ありボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 ボックスサンプル（ライトグリーン） これはボックス内のコンテンツです。 背景色ありボックスサンプル（ライトグリーン） 太枠ボックス表示サンプル これはボックス内のコンテンツです。 太枠ボックスサンプル（グレー） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（グレー） これはボックス内のコンテンツです。 太枠ボックスサンプル（レッド） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（レッド） これはボックス内のコンテンツです。 太枠ボックスサンプル（ブルー） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（ブルー） これはボックス内のコンテンツです。 太枠ボックスサンプル（グリーン） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（グリーン） これはボックス内のコンテンツです。 太枠ボックスサンプル（イエロー） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（イエロー） これはボックス内のコンテンツです。 太枠ボックスサンプル（ピンク） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（ピンク） これはボックス内のコンテンツです。 太枠ボックスサンプル（オレンジ） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（オレンジ） これはボックス内のコンテンツです。 太枠ボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 太枠ボックスサンプル（ライトグリーン） これはボックス内のコンテンツです。 背景色あり太枠ボックスサンプル（ライトグリーン） 点線ボックス表示サンプル これはボックス内のコンテンツです。 点線ボックスサンプル（グレー） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（グレー） これはボックス内のコンテンツです。 点線ボックスサンプル（レッド） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（レッド） これはボックス内のコンテンツです。 点線ボックスサンプル（ブルー） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（ブルー） これはボックス内のコンテンツです。 点線ボックスサンプル（グリーン） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（グリーン） これはボックス内のコンテンツです。 点線ボックスサンプル（イエロー） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（イエロー） これはボックス内のコンテンツです。 点線ボックスサンプル（ピンク） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（ピンク） これはボックス内のコンテンツです。 点線ボックスサンプル（オレンジ） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（オレンジ） これはボックス内のコンテンツです。 点線ボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（ダークブルー） これはボックス内のコンテンツです。 点線ボックスサンプル（ライトグリーン） これはボックス内のコンテンツです。 背景色あり点線ボックスサンプル（ライトグリーン） http://digipress.digi-state.com/sample/consumer/item-b/box/ 記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、文章に蛍光ペンのような装飾を施すことができます。 難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。 ８種類のマーカー色に、ノーマルタイプと太字の２種類の文字タイプをご用意いたしました。 強調したい文章や文章の一部にテキストマーカーを使うことによって、視覚的にその部分をアピールすることができます。 テキストマーカーサンプル これはテキストマーカー（イエロー/ブラック）です。 これはテキストマーカー（イエロー/ブラック）です。 これはテキストマーカー（イエロー/レッド）です。 これはテキストマーカー（イエロー/レッド）です。 これはテキストマーカー（グリーン/ブラック）です。 これはテキストマーカー（グリーン/ブラック）です。 これはテキストマーカー（グリーン/ホワイト）です。 これはテキストマーカー（グリーン/ホワイト）です。 これはテキストマーカー（ダークブルー/ホワイト）です。 これはテキストマーカー（ダークブルー/ホワイト）です。 これはテキストマーカー（ダークブルー/イエロー）です。 これはテキストマーカー（ダークブルー/イエロー）です。 記述例 <span class="mk-darkblue">これはテキストマーカーです。</span> テキストマーカーのカラーサンプルは続きからご覧ください。 これはテキストマーカー（ブルー/ホワイト）です。 これはテキストマーカー（ブルー/ホワイト）です。 これはテキストマーカー（ブルー/ブラック）です。 これはテキストマーカー（ブルー/ブラック）です。 これはテキストマーカー（レッド/ホワイト）です。 これはテキストマーカー（レッド/ホワイト）です。 これはテキストマーカー（レッド/イエロー）です。 これはテキストマーカー（レッド/イエロー）です。 これはテキストマーカー（オレンジ/ホワイト）です。 これはテキストマーカー（オレンジ/ホワイト）です。 これはテキストマーカー（オレンジ/ブラック）です。 これはテキストマーカー（オレンジ/ブラック）です。 これはテキストマーカー（ピンク/ホワイト）です。 これはテキストマーカー（ピンク/ホワイト）です。 これはテキストマーカー（ピンク/ブラック）です。 これはテキストマーカー（ピンク/ブラック）です。 http://digipress.digi-state.com/sample/enterprise/item-c/marker-sample/