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 Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
Search
Shohei Tanaka
June 01, 2019
Technology
0
660
WordPress Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
WordPress Meetup
@岡山 #3
「テーマのカスタマイズ」
京都のスライドとほぼ同じです。使い回しですいません。
Shohei Tanaka
June 01, 2019
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
310
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
94
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
66
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
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
610
Other Decks in Technology
See All in Technology
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
15
5.2k
5min GuardDuty Extended Threat Detection EKS
takakuni
0
150
エンジニア向け技術スタック情報
kauche
1
260
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
460
Witchcraft for Memory
pocke
1
370
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
500
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
170
Кто отправит outbox? Валентин Удальцов, автор канала Пых
lamodatech
0
340
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.3k
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
16
5.6k
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
100
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
250
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
220
Navigating Team Friction
lara
187
15k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Balancing Empowerment & Direction
lara
1
370
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
GraphQLとの向き合い方2022年版
quramy
48
14k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Docker and Python
trallard
44
3.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The Cult of Friendly URLs
andyhume
79
6.5k
Transcript
WordPress Meetup @岡山 #3 「テーマのカスタマイズ」 2019.06.01 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