Shopify の有料テーマ【Motion】にYouTube動画をアップしてみた結果

デザイン

トップに動画が設置できるテーマはほぼ無い

Shopifyの多くのテーマはトップに大きなスライダーが設定されている物が多いのが特徴です。

動画が設置できる物ってほぼ無いんです!

スライドショーでも見栄えはするのですが、動画で宣伝したい!!!って言う人はこれからも多くなるはず。

YouTube動画をそのままの比率で表示されるブロックももちろんついています!

今回は「トップに表示される部分」について検証してみました。

表示の様子はこちら

横サイズは、幅いっぱいに表示されるようです。

縦幅は何パターンか選べるようにはなっていてPC と モバイル双方 縦幅が選択できます。

※任意の数字を入れる事は出来ません。

上記の動画を見て頂いてお分かりの通り。いつものYouTubeのサイズで作ってしまうと、PCのフルサイズ以外は上下が切れてしまいます。

モバイルの場合は、最小サイズに設定しても、左右が切れてしまう。

と、言う状態になるので、YouTubeをアップしたついでに!!! と言うよりも、Shopify のトップ用にきちんと作成した方が良いようです。

ちなみに、PC・モバイルと別のサイズで作成した動画をアップする事は現在は出来ません。

 

綺麗に表示させる方法

主に中心部分が表示されますので、はみ出している部分を想定しつつ「中心に集まってくる」スタイルの動画を作成すると良いかもしれません。

その他の方法としては、選択されるサイズが決まっているので、ソースをカスタマイズで表示される数字をより良い数字に変更する事によりYouTubeサイズでも快適に表示がされるのではないかと思います

タイトルとURLをコピーしました