Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザイナー向け!EC-CUBE3勉強会

amidaike
September 27, 2015

 デザイナー向け!EC-CUBE3勉強会

amidaike

September 27, 2015
Tweet

More Decks by amidaike

Other Decks in Programming

Transcript

  1. ϨεϙϯγϒσβΠϯ Grid systemΛ࢖͏͜ͱͰϨεϙϯγϒσβΠϯΛ࣮ݱ - ྫ - <div class="container"> <!-- Stack

    the columns on mobile by making one full-width and the other half-width --> <div class="row"> <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div> <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> </div> </div>
  2. ը໘ͷ৽ن࡞੒ • EC-CUBE3ͷը໘Λ৽ن࡞੒͢Δओͳํ๏͸ҎԼͷ௨Γ 1. ؅ཧը໘͔ΒtwigϑΝΠϧΛ৽ن࡞੒ 2. ؅ཧը໘͔ΒϑΝΠϧΛΞοϓϩʔυͯ͠৽ن࡞੒ 3. σβΠϯςϯϓϨʔτͱͯ͠ඪ४ͷϑΝΠϧ͔Β࡞੒͠Ξο ϓϩʔυ

    • ը໘Λ৽ن࡞੒͢Δ৔߹ɺECCUBE3͔Β͸twigλάΛѻ͏͜ͱʹ ͳΓ·͕͢ɺSmartyλάΛཧղͰ͖͍ͯΔਓ͸twigʹͳͬͯ΋
 ৽ͨʹ֮͑Δ͜ͱ͕গͳ͍ͨΊށ࿭Θͣʹ࡞੒͢Δ͜ͱ͕Մೳʂ
  3. ରԠϒϥ΢βʹ͍ͭͯ OS ϒϥ΢β Windows (Windows7Ҏ߱) Internet Explorer10 Ҏ߱ Google Chrome

    ࠷৽൛ Firefox ࠷৽൛ Mac Safari ࠷৽൛ iOS(7Ҏ߱) Safari ࠷৽൛ Android(4.1Ҏ߱) ඪ४ϒϥ΢β ࠷৽൛
  4. σόοάϞʔυͷ༗ޮԽ • ௨ৗ / ΍/index.phpͰΞΫηε͍ͯ͠Δͱ͜ΖΛ /index_dev.php ͱॻ͖׵͑ͯΞΫηε͢Δ͜ͱʹΑΓɺtwigϑΝΠϧ͕Ωϟο γϡ͞ΕͣʹσόοάϞʔυ͕༗ޮʹͳΓ·͢ɻ
 
 http://localhost/index_dev.php

    • You are not allowed to access this file. Check index_dev.php for more information.ͱΤϥʔ͕දࣔ͞ΕΔ৔߹ɺindex_dev.phpΛ ։͖ɺΞΫηεݩͷIPΛҎԼͷ഑ྻʹ௥Ճ͍ͯͩ͘͠͞ɻ 
 $allow = array( '127.0.0.1', 'fe80::1', '::1', );
  5. ϑϩϯτը໘ͷϨΠΞ΢τ フロン → c div#main → m div#main_top ※C  E

    div#main_middle ドロ div#main_bottom レイアウト管理画面とフロントの対比イメージ header#header div#contents_top ↑ このエリアが div#contentsで 囲われている ↓ div#side_left.side div#side_right.side ※レ レイ ①  ②  div#contents_bottom ③  footer#footer ④