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
110
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
29
WordCampOsaka 2019 - voluntary organization
shoheitanaka
0
200
WordPress Meetup @Shimane #7 「ECサイト開発の注意点と、WooCommerceの導入の利点」
shoheitanaka
0
260
WordPress Meetup Toyama 2019/07/25
shoheitanaka
0
83
WooCommerce による EC サイトの 新しいカタチ
shoheitanaka
0
59
WordPress Meetup @岡山 #3 「WooCommerceテーマのカスタマイズ」
shoheitanaka
0
570
JP_Stripe Okayama 201906 EC in the future
shoheitanaka
1
200
Localization Beyond Translation in E-Commerce Plugins
shoheitanaka
0
34
WordPress を利用して EC サイトを構築する 初めの一歩
shoheitanaka
1
550
Other Decks in Programming
See All in Programming
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
370
快適な開発と高セキュリティを実現するCryptoKitを活用したCoreDataのデータ暗号化術
grandbig
1
300
ドメイン駆動設計を実践するために必要なもの
bikisuke
3
290
全力の跳躍を捉える計測アプリを作る
ogijun2018
0
1k
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
0
220
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
120
Rustではじめる負荷試験
skanehira
5
1.1k
Playwrightから始めるVisual Regression Testingのススメ by とっと
totto2727
2
1.8k
マルチモジュールにおけるテスト最適化
fxwx23
0
110
Amebaチョイス立ち上げの裏側 ~依存システムとの闘い~
daichi_igarashi
0
220
BQ+dbt+Lookerを用いた、月間800億件以上の広告リクエストに対するデータモデリング
hanon52_
4
990
楽しく簡単に!QRコードの読み取り機能を実装しよう
penguinsan_pg
1
190
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
What's new in Ruby 2.0
geeforr
340
31k
Unsuck your backbone
ammeep
667
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
47
2.7k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
Become a Pro
speakerdeck
PRO
22
4.8k
How To Stay Up To Date on Web Technology
chriscoyier
785
250k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Embracing the Ebb and Flow
colly
83
4.4k
GitHub's CSS Performance
jonrohan
1029
450k
Web development in the modern age
philhawksworth
204
10k
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