0

0

Version 2.0

WELCOME脳トラック販売サイトのデザインを少し変更しました。

テーマは StoreFront を使っています。

記念にスクリーンショットをとっておきます。

Version3.0 [2019]

更に変更してこのようになりました。

トップページ

TOPではサムネイルをフルスクリーンで表示し、
ページ下部にはJavaScriptで再生バーをつけました。

カテゴリページ

カテゴリページのレイアウトは基本的に StoreFront のままで、
ページ下部には再生バーをつけ、
サムネイルをクリックしたら音楽再生出来るようにしました。

商品ページ

商品ページはmp3の埋め込み再生バーを表示しています。

まだ少しバグもありますが
そのうち音楽再生カスタマイズのJavaScriptの記事を書こうと思います..。

WooCommerceの記事はこちら

https://homemadegarbage.com/wordpress-woocommerce

関連記事

WordPress & WooCommerce で 音楽販売サイトを作成 WooCommerce : Storefront の子テーマを作成 WooCommerce：Stripe の設定・注文テスト WooCommerce：決済画面の住所入力を非表示にする [WooCommerce] 特定のカテゴリでの分岐 Use-your-Drive（Google Drive plugin for WordPress）を使ってみた ラズパイサーバー ★ Nginx 追加設定 高感度光センサ MAX30105 で心拍数と音楽を同期