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
38
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
240
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
300
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
94
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
66
WordPress Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
shoheitanaka
0
660
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
250
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
39
WooCommerceのテーマカスタマイズ
shoheitanaka
0
110
Other Decks in Education
See All in Education
計算情報学研究室 (数理情報学第7研究室)紹介スライド (2025)
tomonatu8
0
510
JPCERTから始まる草の根活動~セキュリティ文化醸成のためのアクション~
masakiokuda
0
180
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
View Manipulation and Reduction - Lecture 9 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
Visualisation Techniques - Lecture 8 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
系統性を意識したプログラミング教育~ガチャを実装しよう~
asial_edu
0
400
CHARMS-HP-Banner
weltraumreisende
0
160
ANS-C01_2回不合格から合格までの道程
amarelo_n24
1
240
人になにかを教えるときに考えていること(2025-05版 / VRC-LT #18)
sksat
4
1k
OpenSourceSummitJapanを運営してみた話
kujiraitakahiro
0
700
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
100
Sponsor the Conference | VizChitra 2025
vizchitra
0
540
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
It's Worth the Effort
3n
185
28k
Docker and Python
trallard
44
3.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
A Tale of Four Properties
chriscoyier
160
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Gamification - CAS2011
davidbonilla
81
5.3k
Thoughts on Productivity
jonyablonski
69
4.7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Cult of Friendly URLs
andyhume
79
6.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
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 ςϯϓϨʔτҰཡ