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
630
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
30
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
220
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
280
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
87
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
63
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
230
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
36
WooCommerceのテーマカスタマイズ
shoheitanaka
0
110
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
580
Other Decks in Technology
See All in Technology
Postman Vaultを使った秘密情報の安全な管理
nagix
3
230
Ask! NIKKEI RAG検索技術の深層
hotchpotch
12
2.5k
Ask! NIKKEIの運用基盤と改善に向けた取り組み / NIKKEI TECH TALK #30
kaitomajima
1
390
private spaceについてあれこれ調べてみた
operando
1
230
20250130_『SUUMO』の裏側!第2弾 ~機械学習エンジニアリング編
recruitengineers
PRO
1
680
パブリッククラウドのプロダクトマネジメントとアーキテクト
tagomoris
4
970
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
120k
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
1
190
ろう・難聴者のコミュニケーションを円滑化する取り組み
chiemi627
0
130
デザインから逆算して難易度を見積もるための観点
fumiyasac0921
0
110
家電アプリ共通PF "Linova" のAPI利用とPostman活用事例ご紹介
yukiogawa
0
110
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
2
530
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
244
12k
How to Ace a Technical Interview
jacobian
276
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
390
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
GitHub's CSS Performance
jonrohan
1030
460k
Building Adaptive Systems
keathley
39
2.4k
A Tale of Four Properties
chriscoyier
158
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
A better future with KSS
kneath
238
17k
GraphQLとの向き合い方2022年版
quramy
44
13k
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