Sassを使う方法2022年12月28日こんにちは、Masayukiです。「Shopifyで独自のCSSファイルを使いたい!」という人は必ず通る道である、Sassの使う方法について紹介します。タイトルにもある通り2つの方法を紹介します。Codeを使っているため、その説明となります。Compilerを入れます。Compiler」の設定方法を説明します。手軽にSassを書ける環境を作れるのでおすすめです。この機能には自動でベンダープレフィックス(Autoprefix)をつけてくれる機能もついているの続いて、Shopifyのassetsフォルダ内に「filename.scss」ファイルを作成します。その後、上記サイトを参考に.scssのファイルをコンパイルすると、assetsフォルダ内に「filename.css」が作成されます。(できれば、</head>の上辺りが良いです)そうすると、表示されると思います。ここでうまく表示されない人もいると思います(私自身そうでした)その方はshopifyの管理画面に移動してください。「オンラインストア→テーマ→コードの編集」で上記画像の画面に移動したら、「Assets」フォルダの中に「filename.css」があるか確認します。なかった場合は「新しいassetを追加する」から「filename.css」を追加してください。そのファイルに先程コンパイルによって生成された、「filname.css」のコードを貼り付けることで表示されます。コンパイルをしない方法(簡単)assetsフォルダの中に「filname.scss.liquid」のファイルを作成します。そのファイルにSassを書き込むだけです。}}を書き込むことで表示されます。コメントをキャンセルメールアドレスが公開されることはありません。アプリのインストール方法はこちらの記事にまとめてあります。