Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordPress と WooCommerece による ECサイト構築セミナー 2017年1...
Search
Shohei Tanaka
November 29, 2017
Education
0
130
WordPress と WooCommerece による ECサイト構築セミナー 2017年11月27日
2017年11月に開催した構築セミナーの資料
Shohei Tanaka
November 29, 2017
Tweet
Share
More Decks by Shohei Tanaka
See All by Shohei Tanaka
Tokyo WordPress Meetup 2022 Fall
shoheitanaka
0
30
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
220
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
280
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
87
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
63
WordPress Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
shoheitanaka
0
630
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
230
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
37
WooCommerceのテーマカスタマイズ
shoheitanaka
0
110
Other Decks in Education
See All in Education
Sähköiset kyselyt, kokeet ja arviointi
matleenalaakso
1
18k
1216
cbtlibrary
0
280
Mathematics used in cryptography around us
herumi
2
740
Logistique et supply chain : application au e-commerce
martine
0
130
プログラミング基礎#4(名古屋造形大学)
yusk1450
PRO
0
120
The Prison Industrial Complex by Billy Dee
oripsolob
0
610
Initiatives on Bridging the Gender Gap in the Technology Sector
codeforeveryone
0
120
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
850
論文紹介のやり方 / How to review
kaityo256
14
70k
1127
cbtlibrary
0
180
Carving the Way to Ruby Engineering
koic
3
800
Flinga
matleenalaakso
2
14k
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.6k
Designing for humans not robots
tammielis
250
25k
BBQ
matthewcrist
87
9.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
410
Fireside Chat
paigeccino
34
3.2k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Building Applications with DynamoDB
mza
93
6.2k
GitHub's CSS Performance
jonrohan
1030
460k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Invisible Side of Design
smashingmag
299
50k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
How STYLIGHT went responsive
nonsquared
98
5.4k
Transcript
WordPress ͱ WooCommerece ʹΑΔ ECαΠτߏஙηϛφʔ 201711݄27
ߨࢣհ ాதɹণฏ WooCommerceͷίΞίϯτϦϏϡʔλʔ WooCommerceͷຊޠฤूऀ WooCommerce for Japanͷ։ൃऀ WordPressٴͼWooCommerceͷϓϥάΠϯ։ൃऀ ECαΠτܦӦܦݧऀʢ࠷େ݄࣌2ԯ5ઍສʣ EC
cube, CS-cart, Magento ։ൃܦݧ͋Γ
ୈҰ෦࣍ 1. ECͷجຊ ཧతͳͱσδλϧσʔλͱαʔϏεΛചΔ ྲྀ࠷ॳʹߟ͑Δඞཁ͕͋Δ ECηΩϡϦςΟʔͱද໋͕ࣔ 2.WooCommerceͷجຊ WordPress͕ແ͍ͱಈ͔ͳ͍جຊͷʮΩʯ WordPressͷϓϥάΠϯͳͷͰɺ৭Μͳࣄ͕࣮Մೳ ੈքͰҰ൪ΘΕ͍ͯΔ͚ͲɺຊͰʁ
3.WooCommerceͷجຊૢ࡞ Πϯετʔϧ͔Βجຊઃఆʢૹྉઃఆʣ ొ จཧ
1. ECͷجຊ ཧతͳとσδλϧσʔλとαʔϏεΛചΔ • ཧతͳͷൢചʢҰൠతͳECʣ • σδλϧσʔλͷൢചʢԻָϑΝΠϧɺը૾ϑΝΠϧɺ ϓϩάϥϜͳͲʣ • αϩϯ॓ധͷ༧͔Βίϯςϯπൢച
1. ECͷجຊ ྲྀ࠷ॳʹߟ͑Δඞཁ͕͋Δ • ૹۀऀͷબผ • ࡏݿͲ͜ͰཧΛ͢Δͷ͔ɻग़ՙۀ୭͕͢Δͷ͔ɻ • ೖՙ͔Βग़ՙ·ͰͷϦʔυλΠϜͲͷ͘Β͍͔ɻ
1. ECͷجຊ &$ηΩϡϦςΟʔͱද໋͕ࣔ • ݸਓใ͕͋Δ͔ΒɺαΠτͷͬऔΓݸਓใͷྲྀ ग़ͱಉ͡ɻ • Ξοϓσʔτඞͣग़དྷΔମ੍ٴͼ։ൃΛߦ͏ɻ • දࣔৗʹҙࣝ͢ΔɻҰൠతʹ2ඵҎԼɻ
2. WooCommerceͷجຊ WordPress が無いと動かない基本の「キ」 • WooCommerce ͨͩͷ WordPress ͷϓϥάΠϯ •
WordPress ͷηΩϡϦςΟʔରࡦ͕ͦͷ··WooCommerce ͷηΩϡϦςΟʔରࡦ • WooCommerce ͷ֦ுػೳWordPressͷϓϥάΠϯ • αΠτͷσβΠϯςʔϚΛར༻WordPress͕ແ͍ͱಈ͔ͳ ͍
2. WooCommerceͷجຊ WordPress のプラグインなので、৭Μͳࣄ͕࣮Մೳ • WordPress ͷϓϥάΠϯͰग़དྷΔ͜ͱͳΜͰग़དྷΔ • action hook
filter hook ͷར༻͕Մೳ • طଘͷϓϥάΠϯซ༻͢Δ͜ͱՄೳ • ͢ͰʹੈքͰඦͷWooCommerceͷػೳ֦ுϓϥάΠ ϯ͕͋Δ
2. WooCommerceͷجຊ 世界で一番使われているけど、日本では? • ੈքͷ40%Ҏ্ͷΦϯϥΠϯγϣοϓͰΘΕ͍ͯΔɻ (stats from Builtwith) • ຊͰ
3,000 αΠτҎ্͕࣮Քಇத • 3લ͔Βຖഒʹͳ͍ͬͯΔ • 2ޙʹ10,000αΠτ͕Քಇ͍ͯ͠Δʢ͔ʁʣ
3. WooCommerceͷجຊૢ࡞ • Πϯετʔϧ͔Βجຊઃఆʢૹྉઃఆʣ • ରԠςʔϚ Storefront ͷઃఆ • ొ
• จཧ • WooCommerce for Japan ͷΠϯετʔϧ
ࢀߟ URL • WooCommerce For Japan • ຊ͚μϛʔσʔλ • WooCommerceެࣜ༗ྉػೳ֦ுϓϥάΠϯ
• ৬ਓͷαΠτ
ୈೋ෦࣍ 4. ςʔϚ࡞ͷجຊ WordPressͷςʔϚ࡞ͱجຊҰॹ WooCommerceಠࣗͷσβΠϯΛςʔϚͰௐ͢Δ ςϯϓϨʔτϑΝΠϧΛৗʹ࠷৽ঢ়ଶ 5.WooCommerce ͷ filter hook
ٴͼ action hook Ճػೳ֦ுػೳϓϥάΠϯΛར༻ ػೳతͳग़དྷΔ͚ͩ functions.php ʹͯ filter hook ͔ action hook Λ͏
4. ςʔϚ࡞ͷجຊ 8PSE1SFTTͷςʔϚ࡞ͱجຊҰॹ • style.css ͳͲ͔Βɺheader.phpͳͲجຊߏҰॹ • ςʔϚͰWooCommerceʹରԠ͍ͯ͠ΔࣄΛએݴ͢Δ • طଘͷςʔϚʢୈࡾऀ࡞ʣ͕͋Δ߹ࢠςʔϚར༻
• action hook ͳͲͰσβΠϯΛ৮Δ͜ͱग़དྷΔ͚Ͳɺج ຊతʹtemplate fileͷར༻ΛΦεεϝ
4. ςʔϚ࡞ͷجຊ 8PP$PNNFSDFಠࣗͷσβΠϯΛςʔϚͰௐ͢Δ • جຊςϯϓϨʔτ /woocommerce/template/ • ςʔϚʹ /your-theme/woocommerce/
ͱ͍͏ϑΥϧμΛ࡞ Δ • ςϯϓϨʔτͷ action hook ઈରʹআͨ͠Βμϝɻ
4. ςʔϚ࡞ͷجຊ ςϯϓϨʔτϑΝΠϧΛৗʹ࠷৽ঢ়ଶ • όʔδϣϯΞοϓͷࡍʹ݁ߏͳසͰมߋ͞ΕΔ • όʔδϣϯΞοϓͷࡍʹςϯϓϨʔτϑΝΠϧ͕ݹ͘ͳͬ ͍ͯͳ͍͔νΣοΫ • ରԠ͠ͳ͍ͱ͑ͳ͍ϓϥάΠϯͳͲ͕ग़ͯ͘Δ
5. WooCommerce ͷ filter hook ٴͼ action hook Ճػೳ֦ுػೳϓϥάΠϯΛར༻ •
ػೳ֦ுϓϥάΠϯଟ͋ΔͷͰɺ·ͣ୳ͦ͏ɻ • جຊతʹެࣜαΠτͷϓϥάΠϯͷํ͕҆৺ɻ • functions.php ͰػೳՃΛ͢Δ߹͔ͬ͠ΓͱཧΛɻ
5. WooCommerce ͷ filter hook ٴͼ action hook ػೳతͳग़དྷΔ͚ͩGVODUJPOTQIQʹͯpMUFSIPPL͔BDUJPOIPPLΛ͏ •
σβΠϯجຊతʹςϯϓϨʔτϑΝΠϧͱCSSͰɻ • javascript ͷίϯϑϦΫτʹҙ͕ඞཁɻ • ػೳ֦ுϓϥάΠϯ͕ແ͍߹functions.phpͰ࣮ɻ
ࢀߟ URL • ςʔϚͷ࡞ - WordPress Codex ຊޠ൛ • ࢠςʔϚ
- WordPress Codex ຊޠ൛ • WooCommerce४ڌςʔϚ࡞ํ๏ʢӳޠʣ WooCommerce 3.0.x Code Reference (API) • WooCommerce ։ൃऀϒϩά • WooCommerce ։ൃGITHUB • WooCommerce ςϯϓϨʔτҰཡ