More Related Content
Similar to ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
Similar to ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座 (10)
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
- 2. 自己紹介
福岡からきました
や ま ぐ ち ゆ う き
山口 有由希
福岡県在住、長崎県出身
フロッグマンオフィス所属
福岡県でWebデザイナー
2012年2月18日土曜日
- 3. 本日の流れ
✦ カート、どうやって選んでますか?
✦ CS-Cartテンプレートデザインの基本
✦ CSSのみで本格カスタマイズ!
✦ よりリッチに。実装サンプル集
✦ デザイナーさんにおすすめのポイント
✦ まとめ
2012年2月18日土曜日
- 5. できるだけ簡単に
デザイナー デザインを適用したい
できるだけ完結に
ショップ 運営・管理
しやすいのがいい プログラマ 必要機能だけを
短時間で開発したい
オーナー
欲しい商品に
お客様 できるだけ早く
たどり着きたい
2012年2月18日土曜日
- 7. お客様
フレンドリー
2012年2月18日土曜日
- 8. 欲しいものに
たどり着きやすい
2012年2月18日土曜日
- 15. まとめて
在庫数を更新したい
2012年2月18日土曜日
- 16. 日頃の運用で出てくる
こうだったらいいのにな…
は基本機能でほぼ対応済み!
2012年2月18日土曜日
- 17. エンジニア
フレンドリー
2012年2月18日土曜日
- 22. デザイナー
フレンドリー
2012年2月18日土曜日
- 26. CS-Cartは
みんなに
フレンドリーな
ショッピングカード
2012年2月18日土曜日
- 32. ということで
CSSと管理画面からの編集
のみで
カスタマイズしてみました
2012年2月18日土曜日
- 35. 管理画面から増減可能
どこにでも増やせて
自由に書き換えられるHTMLブロック
バナーも管理画面から
追加・管理
2012年2月18日土曜日
- 37. ブロック機能を使って
各ページ必要な情報を
レイアウトしていきます
2012年2月18日土曜日
- 44. まずは
テンプレートカスタマイズの基本
2012年2月18日土曜日
- 45. まずは
テンプレートカスタマイズの基本
✦ テンプレートファイルの場所を知ろう!
✦ アップデートのときも安心な
カスタマイズ方法
2012年2月18日土曜日
- 47. テンプレートの テンプレートごとの ショップ側の
ディレクトリ ディレクトリ テンプレート
skins -> basic -> customer
2012年2月18日土曜日
- 48. テンプレートファイルの
場所を知ろう
skins -> basic -> customer
2012年2月18日土曜日
- 49. テンプレートファイルの
場所を知ろう
skins -> basic -> customer
2012年2月18日土曜日
- 54. skins -> basic -> customer
styles.css
styles.base.css
中身はからっぽに
2012年2月18日土曜日
- 59. テキストデータや
コンテンツ幅の増減に対応した
メニューや見出しの作成法
2012年2月18日土曜日
- 75. 画像はライトボックスで
ポップアップ
ポップアップの種類も
管理画面から選べちゃう
2012年2月18日土曜日
- 79. 再アップ不要!
設定値に合わせて
サムネイルを動的生成。
キャッシュを作成するので
サーバーにもやさしい。
2012年2月18日土曜日
- 83. 管理画面で
URLの後ろに
?ct
をつけてエンター!
2012年2月18日土曜日
- 89. ✦ デザインを適用しやすい
扱いやすい構造設計
✦ 誰でもラクラク更新可能にする
優しい管理画面
✦ 機能面も充実!
かゆいところに手が届いてる!
2012年2月18日土曜日
- 90. ぜひ一度
さわってみてください!!!
2012年2月18日土曜日