前回はShopifyでの商品追加の方法を学習しました。Shopifyは高機能ですが入力項目が多く、多くの商品を追加するのは大変...そのため、Shopifyでは商品追加をCSVファイルで行えるような機能があります。CSVファイルのダウンロードまずはサンプルCSVファイルをダウンロードしましょう。https://www.shopify.jp/blog/how-to-import-csv-file上の記事のこの部分にダウンロードボタンがあります。Shopifyでは、CSVファイルをGoogleスプレッドシートを使うことを推奨しています。Excelを実際に使ってみたところ文字化けが起こる可能性があります。Excelを使用して文字化けを起こさない方法は下記記事にまとめてあるので参考にしてみてください。[意外と見落とす]Shopifyで商品をCSVファイルで追加したときに文字化けしてしまうのを解決ダウンロードが完了したらGoogleスプレッドシートにインポートしていきます。Googleスプレッドシートを開き「空白」を押して新規作成をします。続いて「ファイル」▶︎「インポート」をクリックします。アップロードの部分に先程ダウンロードしたファイルを入れます。表示することができました。入っているサンプルデータを参考に今回はこの本を追加していきます。(皆さんは自身の商品を追加してみてください)まずはこの部分です。HandleにはURLに表示される名前を記入します。識別されやすい名前を付けてください。(今回はkasei-bookという名前をつけました)Titleには商品のタイトルを記入しますBodyには商品編集画面の「説明」に対応しています。HTMLで書くよう支持されていますので、できるだけHTMLを使用して書くようにしましょう(今回のように普通に文章を書いても表示されます)Vendorは販売元です。基本自分のストアになりますTypeは商品のカテゴリーを記入しますTagsにはタグを記入します。今回は無いので空白にしました。Publishedは公開か、下書きかを表しています。公開ならばTRUE、そうでなければFALSEを記入します。Option1Nameは商品のバリエーションのタイトルを記入します。決まっていなければ「Title」と記入してください(色の場合は色などと入力してください)Option1Valueはその内容を記入します。今回は上下巻あるので二行で書きました。Option2以降は更なるバリエーションを追加できます。SKUはSKUを記入します。Gramsは商品の重さを単位なしで記入します。Trackerは在庫を追跡する会社を記入します。Serviceはフルフィルメントサービスを記入します。Srcは画像のURLを入力します。URLの取得方法は下の方で解説します。複数追加する場合は下に追加していきます。最後にHandleをその商品データの行まで増やしましょう。大量の画像などを追加した場合はその分まで下に増やしていきます。今回はこの商品は二行しか使わなかったため二行分書きました。画像のURLの取得方法まず、管理画面の設定を開きますその後、ファイルをクリックします画像をアップロードします。URLが表示されるのでこれをコピーし、先程の場所に貼り付けます。Shopifyに商品をインポートまずはCSVファイルをダウンロードします。「ファイル」▶︎「ダウンロード」▶︎「カンマ区切りの値」をクリックします。管理画面の商品管理の「インポート」をクリックします。ファイルを選択するとこのような画面が出てくると思うのでチェックを入れましょう。チェックを入れるとデータの上書きになります。商品を更新するときなどに便利です。追加されました!まとめ以上でCSVファイルによる商品追加の方法の解説を終了します。Faith[まとめ]HTMLでtableがずれたときの確認事項こんにちは。Web制作の案件でお問い合わせフォームを作成中のとき、なぜか、th,tdの幅を指定してるのにもかかわらず、ずれてしまい時間が取られてしまいました。ネットショップを運営するに当たって、複数人で管理したいことがあります。