小田原・箱根・伊豆のスマートフォン最適化ツール

トップページ > bingo!CMS デザインテンプレート

デザインの変更がブラウザから簡単にできます

bingo!CMSはシフトテック株式会社の商品です。

10倍楽しいテンプレート編集

テンプレート テンプレート テンプレート テンプレート
テンプレート テンプレート テンプレートテンプレート テンプレート

bingo!CMSは、自動コンバート機能、レスポンシブレイアウト、専用スキン、専用作成ツールなどの複数の機能を利用し、マルチデバイスに対して最適なソリューションを提供しています。

テンプレート選択

まずはレイアウト(サイトの骨組み)を選択

まずは、初期状態の文字や背景の表示色、大きさ、フォント、「ヘッダー(H)」「グローバルナビゲーション(N)」「カバーエリア(C)」などの各エリアの配置位置、「サイドバーエリア(S)」の有無、ローカルナビゲーションの表示方式(プルダウン方式など)やレスポンシブデザイン(R)など、基本構成となるサイトの骨組みを選択します。

レイアウト
テンプレート編集画面でいつでも簡単にサイトをデザイン変更

bingo!1.5では、CSSを変更することなく、色や背景画像、各パーツの余白などデザインの変更がブラウザからの作業で簡単に可能です。変更した内容も「保存する」ボタンのワンクリックですぐにWebサイトに反映されます。煩わしい更新ファイルのアップロード作業などは必要ありません。

テンプレート編集

カラー
カラー
カラー

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

変更可能パーツ

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

ラウンド
ラウンド
ラウンド

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

変更可能パーツ

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

背景画像
背景画像
背景画像

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

変更可能パーツ

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

余白
余白
余白

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

変更可能パーツ

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

カバー
カバー
カバー

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

スマートフォン専用テンプレートの編集

スマートフォンサイトも楽々
スマートフォンサイトも楽々
スマートフォンサイトも楽々

bingo!1.5ではスマートフォンサイトにも対応しました。通常用テンプレートと同じくスマートフォン用テンプレート編集でオリジナルデザインを簡単に制作することができます。
詳しくはこちらをご覧ください。
※テンプレート編集画面や変更可能パーツ又は設定可能な内容はテンプレートによって変更します。

お問い合わせ