新しいデザイン・フレームワークに対応したユニット(デザインパーツ)

bingo!CMS Version1.6の最大の特徴である画面幅100%での表示を活かす為の新しい高機能ユニットをご用意しました。高機能ユニットは各コンテンツに対して上下左右にマージンとパディングを設定することができ、余白を十分にとることで、コンテンツを引き立たせることができます。
さらに、写真をサイト上で効果的に使う一つの手段として新しい「スライドショー」「フォトギャラリー」ユニットもご用意しました。

カスタムユニット

bingo!CMS Version1.6の特徴である画面幅100%での表示を最大限活かす為に開発されたのがこの「カスタムユニット」です。
新機能を説明するためのページのほとんどは、このユニットを利用して作成されています。
雑誌のページのようなレイアウト構成も可能です。
※下の画像は今表示されているこの文章エリアの設定画面です。
ユニット全体に対して上下左右にマージンとパディングを設定可能、更に各コンテンツ毎に上下左右にマージンとパディングを設定可能。 設定画面左上方の3つのパターン内を選択し、タイトル、テキスト、画像2種、動画、リンクを自由に配置する事ができます。
アニメーションによるインタラクション
プレゼンテーションではページの遷移時にトランジションを設定し、次の話しの流れを暗示させたり、ページ内のコンテンツを順番に表示したり、エフェクトをつけるなどして、重要な内容に注意を促します。
サイトにおいても同様に背景色をかえたり、背景写真・背景動画を利用してストーリーの流れを示唆したり、内容の理解を促すための施策を施します。
このカスタムユニットでは、様々なアニメーションを設定する事が出来ます。
マウスホバー・クリック・スクロールの3つのトリガーにあわせて、「移動・サイズ変更・回転・傾斜変形・透過度」を変更することが出来ます。サイト内で楽しいユーザー体験を提供しながら、ページ内のストーリーを引立て、メリハリを付け、最終ゴールへと利用者を導く手助けをします。

スライドショー

  • jQueryの「bxSlider」を使った、画面幅100%表示に対応したリンク対応のスライドショーです。
  • 画像のほか、動画をスライドに加えることができ、自動再生、ポップアップ再生が設定できます。
  • ページャータイプはサムネイル表示とバレット表示の2タイプを用意。
  • 各スライド画像に対して、キャプションと背景色を設定でき、自由な位置に表示することが出来ます。
  • トランジションは「horizontal」「vertical」「fade」の3種類が設定でき、イージング効果、動作時間等も設定できます。
  • スライド毎に公開期間を設定できるため、イベント告知情報の上げ下ろしの自動化が可能です。

フォトギャラリー

・素材管理と連動したレスポンシブレイアウトに対応したタイル形式のフォトギャラリーです。
・素材管理内でフォトギャラリーで表示したい画像に「ラベル」を設定し、フォトギャラリー・ユニットの設定画面でそのラベルを選択するだけで画像の一覧と紐付けできます。
・正方形に表示される画像幅を設定することで、コンテナの幅に合わせて表示できる最大画像数を表示します。
・一回に表示する画像件数と最大画像表示数を設定。
・再読み込みはボタンによる操作とスクロールによる自動読み込みが設定できます。
・画像をクリックする事で拡大表示されますが、その際、画像コピー防止の為にオーバーレイ表示(例えば「Don't Copy」などの文字が入った透かし画像)を設定できます。

読み込み中.....

新テーブルユニット

サンプル
会社名 電話番号 住所 ホームページ 会社ロゴ
シフトテック株式会社 0465-66-2282 神奈川県小田原市城山1-3-20 www.shift-tech.jp
備後太郎株式会社 0465-66-XXXX 神奈川県小田原市城山XXXXXX www.bingo-cms.jp
ビンゴエンタープライズ 0465-66-XXXX 神奈川県小田原市城山XX-XXXX www.bingo-enterprise.com
ビンゴシーエムエス株式会社 0465-22-XXXX 神奈川県小田原市XXXXXX www.bingo-cms.co.jp
n行×n列のテーブルを作成できます。
列の幅は%での入力が可能です。 行単位での表示順の入替、列単位での表示順の入替えをDrag&Drpoで簡単におここなえる。
 

bingo!CMS Ver.1.6をもっと知るためのリンク


 

価 格
システム要件
動作検証済み推奨サーバー