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
670
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
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
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
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
620
Other Decks in Technology
See All in Technology
なぜSaaSがMCPサーバーをサービス提供するのか?
sansantech
PRO
8
2.8k
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
270
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
760
人工衛星のファームウェアをRustで書く理由
koba789
13
7.3k
KotlinConf 2025_イベントレポート
sony
1
120
roppongirb_20250911
igaiga
1
210
Rustから学ぶ 非同期処理の仕組み
skanehira
1
130
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.3k
Obsidian応用活用術
onikun94
1
470
企業の生成AIガバナンスにおけるエージェントとセキュリティ
lycorptech_jp
PRO
2
160
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
120
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
0
300
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
A designer walks into a library…
pauljervisheath
207
24k
Raft: Consensus for Rubyists
vanstee
140
7.1k
4 Signs Your Business is Dying
shpigford
184
22k
For a Future-Friendly Web
brad_frost
180
9.9k
The Pragmatic Product Professional
lauravandoore
36
6.9k
A better future with KSS
kneath
239
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Optimizing for Happiness
mojombo
379
70k
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