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
May 05, 2019
Programming
0
120
WooCommerceのテーマカスタマイズ
Shohei Tanaka
May 05, 2019
Tweet
Share
More Decks by Shohei Tanaka
See All by Shohei Tanaka
Tokyo WordPress Meetup 2022 Fall
shoheitanaka
0
45
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
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
620
Other Decks in Programming
See All in Programming
概念モデル→論理モデルで気をつけていること
sunnyone
3
290
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
3.3k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.5k
AI時代のUIはどこへ行く?
yusukebe
18
9k
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
個人開発で徳島大学生60%以上の心を掴んだアプリ、そして手放した話
akidon0000
1
140
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
290
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
350
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
1.8k
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
210
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.4k
Documentation Writing (for coders)
carmenintech
74
5k
Facilitating Awesome Meetings
lara
55
6.5k
Unsuck your backbone
ammeep
671
58k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Automating Front-end Workflow
addyosmani
1370
200k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Scaling GitHub
holman
463
140k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Speed Design
sergeychernyshev
32
1.1k
Transcript
Kansai WordPress Meetup@京都 #4 「テーマのカスタマイズ」 2019.05.05 WooCommerceのテーマカスタマイズ
今日の目次 ▹ WooCommerce について ▹ 公式推奨のカスタマイズ ▹ 公式非推奨のカスタマイズ ▹ WooCommerce
の注意点 2
HELLO! I am Shohei Tanaka I am here because I
love to give presentations. You can find me at @tshowhey 3
1. WooCommerce について 基本知識
“ WooCommerce ご存知ですか? 5
WooCommerce って 開発元 WordPress の開発元 の automattic が開発 世界的シェア 現在、第2位(11%)
オープンソース WordPressのカスタマ イズなどが出来る方に は比較的簡単に導入 ができる 6 シェア参考サイト https://trends.builtwith.com/shop/traffic/Entire-Internet
2. 公式推奨の カスタマイズ ちょっと技術力が必要
公式推奨カスタマイズ ▹ WooCommerce Theme Developer Handbook ■ Using woocommerce_content() ■
Using hooks ■ Declaring WooCommerce Support 8
商品ページの例 /plugins/woocommerce/templates/content-sin gle-product.php Action hook ▹ woocommerce_before_single_product ▹ woocommerce_before_single_product_s ummary
▹ woocommerce_single_product_summar y ▹ woocommerce_after_single_product_su mmary ▹ woocommerce_after_single_product 9
3. 公式非推奨の カスタマイズ 子テーマを作れたら 比較的簡単。
公式非推奨カスタマイズ ▹ WooCommerce Theme Developer Handbook ■ Using template overrides
※WooCommerceのアップデートに伴いテンプレートファ イルが変更されたときに都度対応が必要 11
商品ページの例 /plugins/woocommerce/templates/single-prod uct/ Template files ▹ title.php ▹ rating.php ▹
price.php ▹ short-description.php ▹ add-to-cart/simple.php ※ファイルを読み解く必要があるが子テーマを 作った経験があれば比較的理解して作りやすい 12
4. WooCommerce の注意点 開発・運営する人たちへの注 意点
EC は セキュリティーが大 事 WordPress のセキュリティー対策を 必ず行う。 あと、ステージングサイトの利用。 14
15 WordPress コア 常にアップデートをする。 ステージングサイト アップデートチェックのために必要 Plugins & Themes 信頼できるものを利用、アップデート
THANKS! Any questions? You can find me at: @tshowhey
[email protected]
https://wc.artws.info/ WooCommerce 使い方動画 16