フォローしましたこんにちは!フルスタックエンジニア@フラクタのナカモトです。本日は、shopifyでWEBデザインを行う時に関わってくる「テーマ」についてお話します。hhelp.shopify.comShopifyのテーマとは、WEBデザイン関連ファイルをひとまとめにした、デザインパッケージのようなもので、パッケージ化することで、テーマの差し替えを簡単に行うことができ、EC事業者はお気に入りのテーマを入手して、サイトにワンクリックで適用するだけでサイトのWEBデザインを変更することが可能な仕組みとなっています。ShopifyテーマストアShopifyテーマはShopifyが用意している専用のストアから購入/販売することができ、EC事業者は世界中のデザイナーが開発したテーマを利用することができます。WEBデザイナー側からは、このテーマを作ってパッケージ化することで、テーマの販売も簡単に、しかも世界を相手に行えるようになっています!ストアで販売されているものには、無料のものも多く、Shopify公式ブログでもそのご紹介記事があります。無料なのにプロ並みのクオリティ?Shopifyで今すぐ使える無料テーマを大紹介!本日はShopifyが提供する10種類の無料のテーマ(テンプレート)をご紹介します。Shopifyの特徴のひとつに、無料のwww.shopify.jpファイル構成とそれぞれの役割では、そのテーマの中身とはどうなっているのか、今回は少しだけご紹介できればと思います。テーマには以下のように用途によって、構成が別れています。図にすると以下のような形でイメージしやすいのではないかと。このような構成になっており、Shopifyのオリジナルのテンプレートエンジンliquidで作ったパーツ類を組み上げていくようなイメージです。パーツ毎に保管しておくことで、再利用や、修正する時に「あのコード、どこにあるんだっけ?」というのが少なくなってスッキリし、制作が捗りそうですね。まとめ今回は、Shopifyのテーマについて、概要について、お話しました。独自のテンプレートエンジン、liquidについて覚えないといけないところがありますが、構成が決まっていることで、実現したいWEBデザインそのものに費やせる時間が多くなるんじゃないかと好感を持っております。EC事業者もそんなWEBデザイナーの成果を簡単に利用でき、自分たちのビジネスに集中できそうですね!具体的な制作方法についてもこれからご紹介していこうと思います!Shopifyを無料で試すShopifyは、今なら14日間無料でお試しいただくことができます。この機会に、あなたもShopifyでECサイトを開設してみませんか?今すぐShopifyでオンラインストアを作成するShopifyでは、世界中で1,000,000以上のストアに信頼されているECプラットフォームです。ECサイト構築サービスについてフラクタでは、Shopifyを利用したECサイト構築サービスを行なっております。詳細につきましては、弊社サイトよりお問い合わせくださいませ。Inc.)フラクタは、テクノロジーとデザインで日本のDtoCブランドを支援するブランディングエージェンシーです。ブランド立ち上げを支援しています。JournalShopifyの特徴や便利な機能についてお知らせいたします。MESONFigmaでbootstrapを作ったので無料配布します。Nishidaデザインシステムプラットフォーム『Adele』登場。