a-blog cms1周年記念パック 限定テーマの裏側をご紹介します！
10/07/10 11:02
こんにちは、足立です。
すっかり夏になりました。
a-blog cms1周年記念パックに入っている限定テーマのカスタマイズ部分の裏側をご紹介します。
限定テーマのサンプルで掲載されている素敵な写真はs-style-artsのおかださんに提供していただきました！本当にありがとうございます！！
飲食店用テーマ
１つめは飲食店テーマです。
主な機能
- トップのスライド
- 日替わりメニュー
- 営業日カレンダー
- Twitterと連携
- flickrと連携
Photoギャラリーテーマ
２つめはギャラリーテーマです。
主な機能
- Flashのようなインパンクトのある背景画像
- エントリーのタイトルをタイプライター風に表示
- 投稿した写真の自動スライド
カスタマイズのポイント
このテーマでは様々なカスタマイズを施しています。 いくつかテーマのカスタマイズポイントを紹介して行きます。
飲食店用テーマの裏側
（１）トップのギャラリーはバナーモジュールで写真変更が可能
バナーモジュールの管理画面からスライドの画像を変更できます。なので好きな画像をいつでも変更する事が可能です。
（２）サイドコンテンツの表示/非表示を管理画面から設定
ブログの管理画面のラジオボタンから表示/非表示を設定できます。 カスタムフィールドと:touchモジュールの応用で作っています。
（３）ピックアップ機能
お知らせのエントリーにチェックをする事でトップページに記事が１件ピックアップされます。チェックを外すと消えるので、簡単に設定が出来ます。 サイドにもモーニングとランチというピックアップ記事があります。
Photoギャラリーテーマの裏側
（１）Javascriptの連携
PhotoギャラリーテーマはJavascriptと連携させて写真をスライドさせたり、エントリーのリストをタイプライター風に表示したり、専用のJavascriptで書かれています。
1、Column_List + Javascriptの連携
Column_Listを使ってWorksのエントリーの写真をトップにインパクトのある背景画像がランダムに表示されます。
２、Entry_Body + Javascriptの連携
Entry_Bodyを使ってWorksのエントリーにアップした写真を１枚１枚スライドしてくれる機能があります。
写真をクリックするとprettyPhotoで拡大されます。
3、Entry_List + Javascriptの連携
ブログのエントリータイトルをタイプライター風に文字を表示させています。 使用しているプラグイン→「jquery.newsticker.js」
（２）カラーリングを変更
Photoギャラリーテーマは管理画面からメインカラーを変更することが出来ます。デフォルトはブラック。#xxxxxxと色を指定すればグリーン、ピンク、パープルなど自由に色を変更できます！
ブログ管理画面
他にもユニット・管理ボタン・管理画面などカスタマイズを施しています。ぜひぜひ、触ってみてください！
投稿
記事URL
URL
