弊社が提供する企業・団体様向け製品「C」に関する情報をご覧いただけます。
※このサイトはWordPressテーマ「DigiPress」のサンプルサイトです。
記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内のキーとなるあらゆるフレーズに対して、汎用的な見出しアクセント画像を表示することができます。
難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。
アクセント画像は四角タイプと円形デザインが共に２種類、カラーはそれぞれ１６種類用の合計６４パターンをご用意いたしました。
四角デザインの見出しサンプル(1)
四角デザインの見出しサンプル(1)
四角デザインの見出しサンプル(2)
四角デザインの見出しサンプル(2)
円形デザインの見出しサンプル(1)
円形デザインの見出しサンプル(1)
円形デザインの見出しサンプル(2)
円形デザインの見出しサンプル(2)
<p class=”circle2_lightgreen”>これは円形デザインの見出しです。</p>
アクセント画像付きテキスト装飾のカラーサンプルは続きからご覧ください。
記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、文章に蛍光ペンのような装飾を施すことができます。
難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。
８種類のマーカー色に、ノーマルタイプと太字の２種類の文字タイプをご用意いたしました。
強調したい文章や文章の一部にテキストマーカーを使うことによって、視覚的にその部分をアピールすることができます。
これはテキストマーカー（イエロー/ブラック）です。
これはテキストマーカー（イエロー/ブラック）です。
これはテキストマーカー（イエロー/レッド）です。
これはテキストマーカー（イエロー/レッド）です。
これはテキストマーカー（グリーン/ブラック）です。
これはテキストマーカー（グリーン/ブラック）です。
これはテキストマーカー（グリーン/ホワイト）です。
これはテキストマーカー（グリーン/ホワイト）です。
これはテキストマーカー（ダークブルー/ホワイト）です。
これはテキストマーカー（ダークブルー/ホワイト）です。
これはテキストマーカー（ダークブルー/イエロー）です。
これはテキストマーカー（ダークブルー/イエロー）です。
<span class=”mk-darkblue”>これはテキストマーカーです。</span>
テキストマーカーのカラーサンプルは続きからご覧ください。
逆に、意図的に回りこみを解除してレイアウト崩れを防ぐこともできます。
右側へのコンテンツの回りこみを許可します。テキストの左側への回りこみ例は以下からご覧ください。
続きを読む »
