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
WooCommerce構築セミナー
Search
Shohei Tanaka
October 10, 2017
Business
0
150
WooCommerce構築セミナー
WooCommerce構築セミナーの利用したスライドです。
Shohei Tanaka
October 10, 2017
Tweet
Share
More Decks by Shohei Tanaka
See All by Shohei Tanaka
Tokyo WordPress Meetup 2022 Fall
shoheitanaka
0
44
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
250
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
310
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 Business
See All in Business
newmo 採用資料 / Join Our Team
newmo
2
140k
NewsPicks Expert説明資料 / NewsPicks Expert Introduction
mimir
0
17k
メドピアグループ紹介資料
medpeer_recruit
10
140k
なぜ人はすれ違うのか_製造業で当たり前に行っていた根回しから考える、事前の配慮で顧客やチームとの対話を促進する方法
katsuakihoribe8
0
2.9k
【DearOne】Dear Newest Member
hrm
2
11k
プラスディーアンドシー合同会社 FACTBOOK _ver1.51_20250801
plusdc
PRO
0
200
採用ピッチ資料/エアモビリティ株式会社
airmobility_jinji
0
2.3k
SHOW就活株式会社 会社紹介
showsyukatsu0801
0
200
株式会社アドバンテッジリスクマネジメント会社紹介資料
arm0020
0
54k
株式会社TableCheck - 会社紹介 Company Profile
tablecheckac
0
2k
開発生産性、なぜ測れない?指標不在の現状と実践的指標導入の鍵
takabow
0
190
営業職/新卒向け会社紹介資料(テックファーム株式会社)
techfirm
1
930
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Writing Fast Ruby
sferik
628
62k
4 Signs Your Business is Dying
shpigford
184
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Code Reviewing Like a Champion
maltzj
525
40k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Visualization
eitanlees
148
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Transcript
WordPress ͱ WooCommerece ʹΑΔ ECαΠτߏஙηϛφʔ 201710݄11
ߨࢣհ ాதɹণฏ 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. WooCommerceͷجຊ WordPress が無いと動かない基本の「キ」 • WooCommerce ͨͩͷ WordPress ͷϓϥάΠϯ •
WordPress ͷηΩϡϦςΟʔରࡦ͕ͦͷ··WooCommerce ͷηΩϡϦςΟʔରࡦ • WooCommerce ͷ֦ுػೳWordPressͷϓϥάΠϯ • αΠτͷσβΠϯςʔϚΛར༻WordPress͕ແ͍ͱಈ͔ͳ ͍
2. WooCommerceͷجຊ WordPress のプラグインなので、৭Μͳࣄ͕࣮Մೳ • WordPress ͷϓϥάΠϯͰग़དྷΔ͜ͱͳΜͰग़དྷΔ • hook
filter ͷར༻͕Մೳ • طଘͷϓϥάΠϯซ༻͢Δ͜ͱՄೳ • ͢ͰʹੈքͰඦͷWooCommerceͷػೳ֦ுϓϥάΠ ϯ͕͋Δ
2. WooCommerceͷجຊ 世界で一番使われているけど、日本では? • ੈքͷ40%Ҏ্ͷΦϯϥΠϯγϣοϓͰΘΕ͍ͯΔɻ (stats from Builtwith) • ຊͰ
3,000 αΠτҎ্͕࣮Քಇத • 3લ͔Βຖഒʹͳ͍ͬͯΔ • 2ޙʹ10,000αΠτ͕Քಇ͍ͯ͠Δʢ͔ʁʣ
3. WooCommerceͷجຊૢ࡞ • Πϯετʔϧ͔Βجຊઃఆʢૹྉઃఆʣ • ରԠςʔϚ Storefront ͷઃఆ • ొ
• จཧ
ࢀߟ URL • WooCommerce For Japan • ຊ͚μϛʔσʔλ • WooCommerceެࣜ༗ྉػೳ֦ுϓϥάΠϯ
• ৬ਓͷαΠτ
ୈೋ෦࣍ 4. ςʔϚ࡞ͷجຊ WordPressͷςʔϚ࡞ͱجຊҰॹ WooCommerceಠࣗͷσβΠϯΛςʔϚͰௐ͢Δ ςϯϓϨʔτϑΝΠϧΛৗʹ࠷৽ঢ়ଶ 5.WooCommerce ͷ filter ٴͼ
hook Ճػೳ֦ுػೳϓϥάΠϯΛར༻ ػೳతͳग़དྷΔ͚ͩ functions.php ʹͯ filter ͔ 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 Ճػೳ֦ுػೳϓϥάΠϯΛར༻ • ػೳ֦ுϓϥάΠϯଟ͋ΔͷͰɺ·ͣ୳ͦ͏ɻ •
جຊతʹެࣜαΠτͷϓϥάΠϯͷํ͕҆৺ɻ • functions.php ͰػೳՃΛ͢Δ߹͔ͬ͠ΓͱཧΛɻ
5. WooCommerce ͷ filter ٴͼ hook ػೳతͳग़དྷΔ͚ͩGVODUJPOTQIQʹͯpMUFS͔IPPLΛ͏ • σβΠϯجຊతʹςϯϓϨʔτϑΝΠϧͱCSSͰɻ •
javascript ͷίϯϑϦΫτʹҙ͕ඞཁɻ • ػೳ֦ுϓϥάΠϯ͕ແ͍߹functions.phpͰ࣮ɻ
ࢀߟ URL • ςʔϚͷ࡞ - WordPress Codex ຊޠ൛ • ࢠςʔϚ
- WordPress Codex ຊޠ൛ • WooCommerce 3.0.x Code Reference (API) • WooCommerce ։ൃऀϒϩά • WooCommerce ։ൃGITHUB • WooCommerce ςϯϓϨʔτҰཡ