ホーム > つくったもの > Cafe Dubut

Cafe Debut

baser CMS カフェサイト用テーマ
baser CMS テーマコンテスト2012 飲食店系テーマ賞受賞

今すぐ、はじめられるカフェサイトテーマ!

baserCMSは、「コーポレートサイトにちょうどいい」をキャッチコピーにしたcake PHPベースの国産CMS。Cafe Debutは、baseCMSのテーマコンテスト2012に応募するために、チームこもりこましゃで作成しました。

baserCMSのインストールと、Cafe Debutテーマの初期設定を行ったら、あとはあなたのスマートフォンのInstagramで写真を撮っていくだけ。

Instagramのおしゃれ写真で、すぐに素敵なカフェサイトが出来上がっちゃうフォトログ風baserCMSテーマです。

制作担当
コモモ 企画・デザイン・baserCMSテーマのベース組込み担当
モリコ HTML/CSSコーディング担当
ひろましゃ プラグイン制作、テーマ実装の難しいところとか担当

プラグインでInstagramと連携

プラグインでInstagramと連携して、トップページにInstagramで撮影した写真がすぐに反映されます。

今日のランチのローストビーフサンドを撮影♪

レスポンシブデザインでスマートフォン、タブレット表示も快適

様々なデバイスの表示対応に、レスポンシブデザインを採用しました。Instagramでお店のメニューを撮影してすぐにスマートフォンで確認できるのも嬉しい♪

左からiPhone、iPad、MacBook Airで表示確認

Webフォントだから、飾り文字やアイコンもキレイ

サイトのタイトルやナビゲーション、主要な見出しはGoogle Web Font、アイコンはウェブフォント(Fontello)を採用しています。拡大縮小されるスマートフォンやタブレットでも解像度を気にすることなくキレイな文字とアイコン表示を実現できました。

iPhoneの画面に近づいても・・( ゚д゚)ハッ!キレイ

関連リンク

  • Cafe Debutのダウンロードページ
  • Cafe Debutのデモページ
  • baser CMS公式サイト
  • Instagram公式サイト

おしらせ

  • つくったものに「basercart」を追加しました。
  • つくったものに「作りながら学ぶ HTML/CSSデザインの教科書」を追加しました。
  • このサイトをサンプルとした書籍「作りながら学ぶ HTML/CSSデザインの教科書(仮題)」(SBクリエイティブ)が12月に発売予定です。

ページの先頭へ戻る