【Shopifyの使い方】テーマカスタマイズ・コード編集の基本(1)

今回は、shopifyのテーマファイルを、
コード編集をしながらカ スタマイズしていく方法を説明していきたいと思います。

(※基本的なHTML・CSS・jqueryコーディングができる方向けです)

ECサイトを構築する時に、例えば、

・テーマファイルのCSSを調整したい
・既存テーマにはないオリジナルデザインのパーツを追加したい
・特定のページに独自の処理を追加したい

というような要件が発生することがあると思います。

特にクライアントワーク(受託案件)の場合は、
マーケティングの視点や、動線設計の観点から、カスタマイズの要望が色々と発生してくるかと思います。

今日は、基本的な設定の、

・CSS・JSの読み込み・ファイル設置方法
・画像のアップロード方法

について説明をしていきたいと思います。

この記事を書いた人
KEiSoN★
スカイゴールド株式会社 代表取締役 / クリエイティブディレクター/webデザイナー

2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
最近は、Shopify構築にも携わっている。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。

アーカイブ