Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WooCommerceのテーマカスタマイズ

 WooCommerceのテーマカスタマイズ

Shohei Tanaka

May 05, 2019
Tweet

More Decks by Shohei Tanaka

Other Decks in Programming

Transcript

  1. HELLO! I am Shohei Tanaka I am here because I

    love to give presentations. You can find me at @tshowhey 3
  2. WooCommerce って 開発元 WordPress の開発元 の automattic が開発 世界的シェア 現在、第2位(11%)

    オープンソース WordPressのカスタマ イズなどが出来る方に は比較的簡単に導入 ができる 6 シェア参考サイト https://trends.builtwith.com/shop/traffic/Entire-Internet
  3. 商品ページの例 /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
  4. 公式非推奨カスタマイズ ▹ WooCommerce Theme Developer Handbook ■ Using template overrides

    ※WooCommerceのアップデートに伴いテンプレートファ イルが変更されたときに都度対応が必要 11
  5. 商品ページの例 /plugins/woocommerce/templates/single-prod uct/ Template files ▹ title.php ▹ rating.php ▹

    price.php ▹ short-description.php ▹ add-to-cart/simple.php ※ファイルを読み解く必要があるが子テーマを 作った経験があれば比較的理解して作りやすい 12
  6. THANKS! Any questions? You can find me at: @tshowhey [email protected]

    https://wc.artws.info/ WooCommerce 使い方動画 16