楽しいテンプレート編集

bingo!CMSでは、テンプレート(スキン)を公開しており、無料でダウンロードいただけます。
CSSを変更することなく、色や背景画像、
各パーツの余白などデザインの変更がブラウザからの
作業で簡単におこなえます。変更した内容も
「保存する」ボタンのワンクリックですぐにWebサイトに
反映することができます。煩わしい更新ファイルのアップロード作業などは必要ありません。

1つのテンプレートから生まれるたくさんのデザイン

カラーの変更や透過も。グラデーションも。

各エリアの背景色や文字色、リンク色、ホバー色など
自由にカラーピッカーを使用して変更できます。
透過の設定も可能。
スマートフォン用では色を2色選択して、 グラデーションに設定変更をすることができます。

カラー変更が可能なパーツ

  • ボディー:背景色(※スマートフォン用ではグラデーション設定可)
  • コンテンツエリア:背景色・文字色・リンク文字色・リンク文字ホバー色
  • ヘッダー背景:背景色
  • SEO文章:文字色
  • サブナビゲーション:文字色
  • カバー背景:背景色
  • ナビゲーション:背景色・文字色・リンク文字ホバー色又はリンク文字タップ時色(※スマートフォン)
  • フッター:背景色・文字色・リンク文字色・リンク文字ホバー色
  • タイトル・サブタイトル:文字色
  • 背景付タイトル:背景色(※スマートフォン用ではグラデーション設定可)・文字色
  • 表・リスト:見出し背景色・文字色
  • ユニット(背景色付):背景色・文字色

背景ラウンド

デザインに柔らかみをもたせることができる
背景の角丸(ラウンド)もボタン一つで可能です。
また、ラウンド半径も自由に設定することができます。

ラウンド変更が可能なパーツ

  • コンテンツエリア
  • 背景付タイトル
  • 背景付ユニット

背景画像

Webサイトをデザインするためにかかせないバックグラウンド画像もテンプレート編集画面から
簡単に流し込み・変更・削除が行えます。
画像のX軸、Y軸リピート、バックグラウンドポジションの設定も可能。
ナビゲーションでは、ナビゲーションバックグラウンド、メニューや、アクティブ/ホバー時と、
各箇所別にバックグラウンド画像の設定が可能。
これにより、よりリッチなナビゲーションが簡単に制作可能となりました。

背景画像の変更が可能なパーツ

  • ボディー背景画像
  • ヘッダー背景画像
  • ナビゲーション背景画像
  • フッター背景画像
  • 背景付タイトル

余白は1px単位で変更可能

余白やパーツの位置の設定・変更も
テンプレート編集画面から行えます。
プレビュー画面で、リアルタイムで確認しながら
1px単位で設定・変更可能です。

余白の変更が可能なパーツ

  • ヘッダー高さ
  • ロゴ位置
  • バナー位置
  • バナー余白(上/右/下/左 ※スマートフォン用のみ)
  • SEO文章位置
  • サブナビゲーション位置
  • カバー高さ
  • フッター高さ
  • フッター余白(上/下)
  • 背景付ユニット余白

カバースライド&フェードトランジション

今や欠かす事のできないカバースライドやフェードの
トラジションも標準で使用することができるように。
カバー画像の追加、変更も簡単で、短時間で対応可能です。
カバーのスタイルは3つのデザイン、3つのトラジションを
ご用意いたしました。

スマートフォンサイトもラクラク

通常用テンプレートと同じように、スマートフォン用テンプレート編集で
オリジナルデザインを簡単に制作することができます。
(テンプレート編集画面や変更可能パーツ、又は設定可能な内容は
テンプレートによって変更します。)