テーマアップデート方法
テーマのアップデート方法
「MISEル」テーマのバージョン1.07〜1.14から、MISEル2.0へアップデートする方法です。
ExImアプリを使うことで一部は自動で移行できますが、ヘッダーやフッター、商品詳細ページ、一部の設定したページコンテンツなどは手動で再設定が必要になります。
※ExImのインポート元とエクスポート先を間違えないよう慎重に作業を行ってください。
※念のため、テーマを複製しバックアップを取ってから作業を行うことをおすすめします。
※Shopifyアプリをご利用の方はアップデート方法下部の注意点についてもご確認ください。
※『MISEル』テーマ1.0.7以降から『MISEル』テーマ1.0.14までへのアップデート方法は以下ブログ記事をご確認ください。
※『MISEル』テーマ1.0.5以前のテーマをお使いの方は、テーマ内のコードの移行作業も必要になります。「1.0.7以降のアップデートについて」のブログ記事と本マニュアルを合わせてご覧ください。
ExImで「MISEル」テーマのアップデート方法（1.0.7以降から1.0.14までへの移行）
MISEル 1.0.7以降へのアップデートについて（1.0.5以前から1.0.7以降への移行）
①テーマをインストールする
テーマのインストール方法は、以下マニュアルの「テーマのインストール方法」①〜④をご確認ください。
※⑤の公開はテーマのアップデート作業が全て終わってから行ってください。
②ExImアプリで現行のテーマをエクスポートする
Shopifyアプリ「ExIm」を使用します。
Theme settingsから現在ご使用のテーマを選択した状態で「Export Theme Settings」をクリックしてテーマ設定をエクスポートしてください。
※ExImはMISEルご購入時に無料で使えるクーポンコードを配布しております。クーポンコードはテーマライセンス購入時のE-メールをご確認ください。
※ExImのインストール方法について詳しくはブログをご確認ください。
※ExImでは、テーマ「デフォルトテーマのコンテンツを編集する」で編集された日本語翻訳などは移行することはできません。
③エクスポートしたデータをExImで新しいテーマへインポート
②でエクスポートしたテーマ情報を①のテーマへインポートします。
※zipファイルのままインポートします。
ここまでで、TOPページのコンテンツやコレクションページなどある程度自動で引き継ぎすることができます。
④ヘッダー・フッターを手動で設定する
ExImではどうしても引き継げない部分は手動で再設定する必要があります。
まずはオンラインストア＞①のテーマのカスタマイズ で編集画面を開き、ヘッダー・フッターを再度同じように手動で設定します。
⑤商品詳細ページを手動で設定する
次に、商品詳細ページのテンプレートを開きます。
エディタ上部のプルダウンから商品のテンプレートを開きます。
商品情報エリアが未設定な状態なので、旧バージョンと同じ見た目に設定をしていきます。
⑥お問い合わせページのページコンテンツを正しいものに変える
お問い合わせに設定したページコンテンツがデフォルトのコンテンツに置き換わっている場合、正しいページコンテンツに変更をしてください。
⑦サイト全体のチェック
以上で、移行作業が完了となりますが、その他のページでカスタマイズされたページなどは念入りにご確認のうえ、手動での設定を行うようお願いいたします。
Shopifyアプリにはテーマへのコード改変を行うものがあります。
特にテーマへの自動インストール作業が必要なアプリを使ったセクション設定がある場合、ExImでのテーマ設定の移行がうまく行かない場合がございます。
うまく行かない場合は下記の手順をお試しください。
- 新しくMISEルテーマをインストールする。
- 新しいMISEルテーマに、アプリ側の自動インストール等の作業を行う。
(テーマへのインストール方法はアプリにより異なります。詳しくは各アプリの操作方法を参照ください。) - ExImを使って引き継ぎたいテーマの設定をエクスポートする。
- ExImを使って引き継ぎ先のテーマ(アプリの自動インストールをすでに行ってあるMISEルテーマ)へテーマ設定をインポートする。
なお、アプリの使用は多種多様なため上記の方法で引き継ぎ作業がうまくいかない場合も考えられますのであらかじめご了承ください。
アプリやインストール作業については、テーマサポート対象外となりますので、あらかじめご了承ください。
アプリの仕様などに関しては、各アプリの開発先へお問い合わせお願いします。
その他の違い
動画のサイズについて
MISEル2.0では、ブログや商品ページに配置した動画がコンテンツ幅いっぱいに広がるようになりました。こちらをエディタで調整することはできないため、大きさを調整するにはCSSなどでコードの修正を行う必要があります。（無料テーマサポートの対象外となります）
