Download as PDF, PPTX
ノンプログラミングでここまでできる！WebデザイナーのためのCS-Cartカスタマイズ講座
- 1. ノンプログラミングでここまでできる！ Webデザイナーのための CS-Cartカスタマイズ講座 2012年2月18日土曜日
- 2. 自己紹介 福岡からきました や ま ぐ ち ゆ う き 山口 有由希 福岡県在住、長崎県出身 フロッグマンオフィス所属 福岡県でWebデザイナー 2012年2月18日土曜日
- 3. 本日の流れ ✦ カート、どうやって選んでますか？ ✦ CS-Cartテンプレートデザインの基本 ✦ CSSのみで本格カスタマイズ！ ✦ よりリッチに。実装サンプル集 ✦ デザイナーさんにおすすめのポイント ✦ まとめ 2012年2月18日土曜日
- 4. ショッピングカート どうやって選んでますか？ 2012年2月18日土曜日
- 5. できるだけ簡単に デザイナー デザインを適用したい できるだけ完結に ショップ 運営・管理 しやすいのがいい プログラマ 必要機能だけを 短時間で開発したい オーナー 欲しい商品に お客様 できるだけ早く たどり着きたい 2012年2月18日土曜日
- 6. たとえばどんなことが 求められるだろう？ 2012年2月18日土曜日
- 7. お客様 フレンドリー 2012年2月18日土曜日
- 8. 欲しいものに たどり着きやすい 2012年2月18日土曜日
- 9.
- 10.
- 11. ショップオーナー フレンドリー 2012年2月18日土曜日
- 12. このカテゴリーのときだけ 特定のバナーを出したい 2012年2月18日土曜日
- 13. 一括でカテゴリーを 変更したい 2012年2月18日土曜日
- 14. 普通のページも 作りたい 2012年2月18日土曜日
- 15. まとめて 在庫数を更新したい 2012年2月18日土曜日
- 16. 日頃の運用で出てくる こうだったらいいのにな… は基本機能でほぼ対応済み！ 2012年2月18日土曜日
- 17. エンジニア フレンドリー 2012年2月18日土曜日
- 18. うちの在庫管理システムと うまく連携させたいんだけど… 2012年2月18日土曜日
- 19. ちょっと特殊な 使い方をしたい 2012年2月18日土曜日
- 20. 開発コストを 抑えたい 2012年2月18日土曜日
- 21. 基本の関数は揃ってます。 必要な部分の処理を書くだけ！ 2012年2月18日土曜日
- 22. デザイナー フレンドリー 2012年2月18日土曜日
- 23. 作ったデザインを 手軽に実装したい 2012年2月18日土曜日
- 24. クライアントからの細かな 修正依頼に迅速に対応したい 2012年2月18日土曜日
- 25. テンプレートファイルを 編集しなくても 思い通りのデザインを実現できる! 2012年2月18日土曜日
- 26. CS-Cartは みんなに フレンドリーな ショッピングカード 2012年2月18日土曜日
- 27. CS-Cartテンプレート デザインの基礎 2012年2月18日土曜日
- 28. 自由にカスタマイズしたいけど たくさんのコードの入った テンプレートファイルを 編集するのはちょっと… 2012年2月18日土曜日
- 29. テンプレートファイルは さわらなくても大丈夫です！ 2012年2月18日土曜日
- 30. でもテンプレートファイル 編集しないと 凝ったことは できないんでしょう？ 2012年2月18日土曜日
- 31.
- 32. ということで CSSと管理画面からの編集 のみで カスタマイズしてみました 2012年2月18日土曜日
- 33.
- 34.
- 35. 管理画面から増減可能 どこにでも増やせて 自由に書き換えられるHTMLブロック バナーも管理画面から 追加・管理 2012年2月18日土曜日
- 36.
- 37. ブロック機能を使って 各ページ必要な情報を レイアウトしていきます 2012年2月18日土曜日
- 38.
- 39. 自由にコンテンツを 追加可能！ 2012年2月18日土曜日
- 40. メイン画像のHTMLブロックや バナーのブロックも 作って配置していきます。 2012年2月18日土曜日
- 41.
- 42.
- 43.
- 44. まずは テンプレートカスタマイズの基本 2012年2月18日土曜日
- 45. まずは テンプレートカスタマイズの基本 ✦ テンプレートファイルの場所を知ろう！ ✦ アップデートのときも安心な カスタマイズ方法 2012年2月18日土曜日
- 46. テンプレートファイルの 場所を知ろう 2012年2月18日土曜日
- 47. テンプレートの テンプレートごとの ショップ側の ディレクトリ ディレクトリ テンプレート skins -> basic -> customer 2012年2月18日土曜日
- 48. テンプレートファイルの 場所を知ろう skins -> basic -> customer 2012年2月18日土曜日
- 49. テンプレートファイルの 場所を知ろう skins -> basic -> customer 2012年2月18日土曜日
- 50. アップデートのときも安心な カスタマイズ方法 2012年2月18日土曜日
- 51. テンプレートファイルを 退避させずそのまま バージョンアップした。 2012年2月18日土曜日
- 52. 差分の再適用が ちょっと手間 2012年2月18日土曜日
- 53.
- 54. skins -> basic-> customer styles.css styles.base.css 中身はからっぽに 2012年2月18日土曜日
- 55.
- 56.
- 57.
- 58. わかりやすいFirebugの使い方の記事 http://h2ham.seesaa.net/article/154387441.html 2012年2月18日土曜日
- 59. テキストデータや コンテンツ幅の増減に対応した メニューや見出しの作成法 2012年2月18日土曜日
- 60.
- 61.
- 62.
- 63. カテゴリ一覧のデザイン もっとリッチにしたい。 2012年2月18日土曜日
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72. グローバルナビゲーションも 同様にして 画像メニューにできます！ 2012年2月18日土曜日
- 73. デザイナーさんに おすすめのポイント 2012年2月18日土曜日
- 74. jQueryのライトボックス 埋め込むのが意外に面倒 2012年2月18日土曜日
- 75. 画像はライトボックスで ポップアップ ポップアップの種類も 管理画面から選べちゃう 2012年2月18日土曜日
- 76.
- 77.
- 78. 商品画像アップしちゃったあとだけど、 もうちょっと大きく（小さく） 表示させた方がバランスよかった…！ 画像全部上げ直し？！ 2012年2月18日土曜日
- 79. 再アップ不要！ 設定値に合わせて サムネイルを動的生成。 キャッシュを作成するので サーバーにもやさしい。 2012年2月18日土曜日
- 80.
- 81. リアルタイムに 変更可能！ 2012年2月18日土曜日
- 82. 画像の上げ直しをした場合などで 以前のキャッシュが残っている場合 2012年2月18日土曜日
- 83. 管理画面で URLの後ろに ?ct をつけてエンター！ 2012年2月18日土曜日
- 84. キャッシュファイルが すべて削除されます！ 2012年2月18日土曜日
- 85. テンプレートにベタ書き しちゃったHTMLの修正が 地味に面倒 2012年2月18日土曜日
- 86. テンプレートに直書きする 必要なし！ ブロック追加で 管理画面からラクラク編集！ 2012年2月18日土曜日
- 87. 地味に面倒な作業が不要に！ デザインにたっぷり集中！ 2012年2月18日土曜日
- 88.
- 89. ✦ デザインを適用しやすい 扱いやすい構造設計 ✦ 誰でもラクラク更新可能にする 優しい管理画面 ✦ 機能面も充実！ かゆいところに手が届いてる！ 2012年2月18日土曜日
- 90. ぜひ一度 さわってみてください!!! 2012年2月18日土曜日
- 91. ありがとうございました！ ご質問などお気軽に。 @yuki930 2012年2月18日土曜日