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
140
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
46
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
250
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
320
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
94
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
66
WordPress Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
shoheitanaka
0
670
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
260
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
39
WooCommerceのテーマカスタマイズ
shoheitanaka
0
120
Other Decks in Education
See All in Education
みんなのコード 2024年度活動報告書/ 2025年度活動計画書
codeforeveryone
0
330
Transición del Management al Neuromanagement
jvpcubias
0
240
データで見る赤ちゃんの成長
syuchimu
0
310
Padlet opetuksessa
matleenalaakso
4
14k
Sanapilvet opetuksessa
matleenalaakso
0
33k
20250807_がんばらないコミュニティ運営
ponponmikankan
0
180
登壇未経験者のための登壇戦略~LTは設計が9割!!!~
masakiokuda
3
710
サンキッズゾーン 春日井駅前 ご案内
sanyohomes
0
1.1k
質のよいアウトプットをできるようになるために~「読む・聞く、まとめる、言葉にする」を読んで~
amarelo_n24
0
260
社外コミュニティの歩き方
masakiokuda
2
200
Introduction - Lecture 1 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
2.5k
Alumnote inc. Company Deck
yukinumata
0
3.1k
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
75
5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Writing Fast Ruby
sferik
629
62k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.7k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Designing for Performance
lara
610
69k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Raft: Consensus for Rubyists
vanstee
139
7.1k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
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 ςϯϓϨʔτҰཡ