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
560
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
27
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
190
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
250
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
81
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
59
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
190
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
34
WooCommerceのテーマカスタマイズ
shoheitanaka
0
110
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
550
Other Decks in Technology
See All in Technology
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
200
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
910
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
Featured
See All Featured
Navigating Team Friction
lara
181
13k
Six Lessons from altMBA
skipperchong
24
3.2k
Agile that works and the tools we love
rasmusluckow
325
20k
How to train your dragon (web standard)
notwaldorf
79
5.5k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
GraphQLとの向き合い方2022年版
quramy
36
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
What's new in Ruby 2.0
geeforr
338
31k
Scaling GitHub
holman
458
140k
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