@④画像上に文字を表示@
@④画像上に文字を表示@

背景に好きな画像を置いて、コンテンツを並べます。

□②[見出]部位は、ページ作成に無くてはならないものです。本文同様、テキストで有りながら、SEO的な構文構造に重要な意味を持ちます。作成するページ全体を把握しながら、適切なキーワードを盛り込む事が大事となります。また、長文を章立てにし区切る事で、ページを読みやすくすることも出来ます。
■見出しタグである<H>を画像に置き換える事が出来ます。
■見出しのCSS装飾を6タイプ内蔵しています。

□①画像の説明

「画像下の文章」エリアに文章を入れると、画像の横幅に合わせた文章となります。カードのように画像と文章をセットにすれば、複雑なレイアウトが可能になります。

@④「画像下の文章」エリアに文章@
を入れると、画像の横幅に合わせた文章となります。カードのように画像と文章をセットにすれば、複雑なレイアウトが可能になります。

「画像下の文章」エリアに文章を入れると、画像の横幅に合わせた文章となります。

※◎画像の説明

「画像下の文章」エリアに文章を入れると、画像の横幅に合わせた文章となります。カードのように画像と文章をセットにすれば、複雑なレイアウトが可能になります。

@画像説明

*①画像と文章で作る簡易メインビジュアル@▽⑦CP記号∞を「画像の説明」の先頭に挿入すると、FIT機能が働きます。▽

スマホ表示の際に縮小される画像と共に文字も同時に近似値で縮小され、あたかも一枚の画像のような効果が生まれます。

*①*N画像と文章で作る簡易メインビジュアル@@
▽⑦CP記号∞を「画像の説明」の先頭に挿入すると、FIT機能が働きます。▽

スマホ表示の際に縮小される画像と共に文字も同時に近似値で縮小され、
あたかも一枚の画像のような効果が生まれます。

PC&タブレット用画像とスマホ用画像を切り替える。

[PC用画像]画像の説明

横長で使うことの多いPCでは、横対比の大きい画像を使います。しかし、縦長で見る事の多いスマホで見た場合、画像が小さく感じます。スマホ用に縦長の画像を用意することで解決できます。

[スマホ用画像]

PC&タブレット用画像とスマホ画像を用意することで、見やすさの追求するばかりでなく、スマホでご覧の方へのアプローチやキャンペーン画像を表示させる事が可能です。

コンテンツスライダーのテストです。

本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)

2スライドシューのテストです。

本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)

▽③画像の上に文字をのせるFITBOX機能▽画像を同一の[画像]部位に2枚登録することで、
マウスオーバー状態でON-OFFの効果が生まれます。
様々なボタンに活用できます。
使い方によっては、マウスオーバーアニメションや
切替表示方式の解説にも使えます

□[PC用画像]
□[スマホ用画像]

▽④本文の最後に一行のリンクを設定することができます。▽
(関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます)本文の最後に一行のリンクを設定することができます。 (関連リンクや参照URL等に応用できます) 詳細はこちらをご覧下さい。

TOP

MENU