[Shopify]Appアンインストール時のワナ

こんにちは。 Shopifyにはとっても便利なアプリが沢山ありインストールも簡単。有料Appもトライアル期間があるので動作だけ確認しょう!と安易にインストールすると危険。知らぬうちにサイトが重くなってしまう要因を作ってしまっているかもしれません。これはSEO的にも良くない><

もちろん、Shopifyアプリのアンインストールはボタン一つでできます!ただし、アプリによっては、アンインストールをしてもソースファイルが残ってしまったり、いらないコードが残ってしまっているケースは75%ほど。。

結構な確率ですよね(汗)

そのまま置いておいても悪さはしないと思いますが、いらないコードが残ってたり、ソースファイルが多くなってきた時に、表示が遅くなったりすることの要因の一つにもなったりします。

そこで、今回は一つ事例をとり、完全にアンインストールする方法をご紹介します。コーディング分からなくても手順通り進めていただければ誰でもできます。

Language Translate ‑ETranslateの場合

 Shopify翻訳アプリ

例えば、Language Translate ‑ETranslateという翻訳アプリ。2000文字まで無料で使用でき、使い方も簡単なので使用している方も多いのではないでしょうか。

私はこのアプリを使わなくなってしまったので、アンインストールしたのですが、ThemeリキッドファイルとSnipets内のファイルが残ったまま。。。ということに気がつきました。

今回はこのアプリのアンインストール後、残ってしまったコードやファイルの削除方法をご紹介します。

アンインストール後のゴミたちを削除する方法

❶Theme.liquidファイルを開く

  1. 管理画面>オンラインストア>テーマ>アクション>コードを編集
  2. theme.liquidファイルを開く
  3. 「etranslate」でファイル内を検索(Ctl+F)
  4. {% include ‘etranslate-language-switch-control.liquid’ %}」と「{% include ‘etranslate-rtl’ %}」のコードを削除。→Debutの場合は</html>の下あたり(233行目あたり)にあります。

 

❶コード編集開く

❷左側の「theme.liquid」をクリック

❸「etranslate」で検索

❹黄色でハイライトされた部分を削除し保存

{% include ‘etranslate-language-switch-control.liquid’ %}

{% include ‘etranslate-rtl’ %}

を削除。

最後に保存(右上の緑ボタン)してください。

❷Snipets内の4ファイルを削除

  1. Snipetsフォルダ内にある4ファイルを探す
  2. ファイルごと削除
  3. 保存

❶Snipetsフォルダ内にある4ファイルを探す

Snipetsというフォルダ内にetranslateで始まる4ファイルがあります。

etranslate-language-fix-selector.liquid

etranslate-language-fix-selector2.liquid

etranslate-language-switch-control.liquid

etranslate-rtl.liquid

❷一つずつ開きファイル削除してください。

一つずつ開き、右上の「ファイルを削除しますか」ボタンを押してください。

このダイアログが表示されますので赤いボタンを押してください。

※ファイルを間違えないようにご注意ください。(ファイル削除ボタンと同じ列の左端にファイル名が表示されています。)

以上で完了です!

このアプリはCSSファイルや他のファイルの削除は不要なのでこれで完了になります。

まとめ

Shopifyのテーマと関連のあるアプリはアンインストールしても残コードや残ファイルが残ったままになってしまいます。この地道な作業で多少は速度スコアが上がればと願っています^^

[Shopify関連]

Shopify 無料アプリ「OrderPrinter」用の請求書・納品書・領収書などの明細書テンプレート屋さん

 

 

34歳から始めるオンライン学習

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

関連記事

明細書アプリOrderPrinter 日本語テンプレ

[Shopify]明細書アプリOrderPrinter日本語テンプレ

Shopify CLI試してみた

[Shopifyアプリ]レビューアプリJudge.meの使い方1

Progate(プロゲート)完了したら何したらいい?

[Shopify]モーダル作りたいけどJS動作しない

Shopify商品ページのテンプレートカスタマイズ方法

[Shopify]購入率が上がった商品ページのカスタマイズ