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

2020.04.27

2020.08.17

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

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

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

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

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

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

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

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

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

KEiSoN★

インターネット・ITに将来の可能性を感じ、デジタルハリウッドオンラインスクールで、webデザインを学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立し、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばすなど、写真や映像のクリエイティブにも触れる。
2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。