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
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
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
630
Other Decks in Programming
See All in Programming
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
750
Model Pollution
hschwentner
1
190
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
1.5k
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
390
Serena MCPのすすめ
wadakatu
4
940
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
480
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
9
6.2k
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
170
明日から始めるリファクタリング
ryounasso
0
130
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
150
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
5
1.7k
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
160
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Thoughts on Productivity
jonyablonski
70
4.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
KATA
mclloyd
32
15k
The Invisible Side of Design
smashingmag
301
51k
It's Worth the Effort
3n
187
28k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
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