JellyLockに表示させているアプリのアイコンを、変更してみた & その方法 [JBApp]

(22)

ロック画面をJelly Beanスタイルにすることが出来る『JellyLock』が利便性も高く人気なようです。

さて、JellyLockではアプリのショートカットをロック画面に表示させることが出来るのですが、アイコンがホーム画面と同じ物がそのまま使われるため、もう少し見栄えをよくしたい場合があります。
ちょうどこれについてご質問を何件か頂きましたので、試してみました。やってみると分かるのですが、すごく簡単です。ということで、ご紹介!

スポンサーリンク

アイコンの変更

JellyLock』に表示されているアプリアイコンは意外と簡単に変更することが可能です。下記の画像ではAppStoreを『店』というへんてこなアイコンに変更してみた図です。

how-to-change-jbapp-jellylock-shortcuts-icon-02

もちろん、それ以外のアプリも同じようにアイコンを変更することが可能。システムアプリケーションでも、AppStoreからインストールしたアプリでも大丈夫です。

how-to-change-jbapp-jellylock-shortcuts-icon-03how-to-change-jbapp-jellylock-shortcuts-icon-04

変更する方法

アイコンの変更方法はとても簡単で、指定のフォルダに、アプリID(Bundle ID)をファイル名に付けた画像を入れるだけです。アイコン画像を入れるフォルダは下記です。

/Library/Application Support/JellyLock/Contents/Resources/shortcutIcons

このフォルダ内に、変更したいアプリのID(Bundle ID)を名前にしたアイコン画像を入れます。
BundleID.png』というファイル形式になります。
また、選択時のアイコンは画像は『BundleID~active.png』という形式になります。(ただし白丸部分が表示されないので、その部分も考えた画像にする必要があります)
例:

AppStore
Bundle ID: 「com.apple.AppStore
アイコン画像のファイル名: 「com.apple.AppStore.png
選択時アイコン画像のファイル名: 「com.apple.AppStore~active.png
Chrome for iOS
Bundle ID: 「com.google.chrome.ios
アイコン画像のファイル名: 「com.google.chrome.ios.png
選択時アイコン画像のファイル名: 「com.google.chrome.ios~active.png
Twitter for iOS
Bundle ID: 「com.atebits.Tweetie2
アイコン画像のファイル名: 「com.atebits.Tweetie2.png
選択時アイコン画像のファイル名: 「com.atebits.Tweetie2~active.png

アプリの「Bundle ID」を調べる方法

今回の手順で一番面倒なのはアプリ固有の「Bundle ID」を調べることです。これはアプリそれぞれに付けられた他と被る事の無い名前みたいな物です。

さて、この「Bundle ID」を調べる方法ですが、通常はiFile等を使用して、アプリ.appフォルダ内にある「info.plist」ファイルに記述されている「CFBundleIdentifier」部分を見たりします。

でも、いくつもやると面倒なのでもっと簡単な方法をご紹介

今回はとりあえずBundle IDさえ分かれば良いので、『AppInfo』を使用して確認しましょう。ちなみに、すごい便利なので使い終わった後もそのままインストールしておくと良いと思います。
AppStoreからインストールしたアプリは「AppStoreタブ」にリスト表示されていますので、Bundle IDを知りたいアプリを選択してください。ズラッとアプリの詳細情報が表示されますが、この中にある『Id』という項目が目的のBundle IDが書かれている部分です。
下記の画像であれば『com.google.chrome.ios』が調べたかったBundle IDです。

how-to-change-jbapp-jellylock-shortcuts-icon-05how-to-change-jbapp-jellylock-shortcuts-icon-06

また、iOSに最初から入っていたアプリや、いくつかのシステムアプリは「Springboardタブ」から調べます。ココに『System』という項目がありますので、これがiOS純正アプリ一覧。『Cydia』項目からは、Cydiaからインストールしたアプリの一覧を見ることが出来ます。あとはさっきと同じように調べたいアプリを選択して、『Id』部分を調べましょう。

how-to-change-jbapp-jellylock-shortcuts-icon-07how-to-change-jbapp-jellylock-shortcuts-icon-08

コメント

  1. iPhoneの画面をiPadで写して操作できませんか?
    一応脱獄はしています
    それかiPhoneのキーボードをiPadで打ち込む方法もありませんか?

    • 記憶にある限りでは、これまでにそれを目的とした物は見たことがないかなと思います
      ただ、実用性は別として、VeencyとVNCアプリを組み合わせれば、出来るかもしれません。

  2. JellyLockのLockアイコンとカメラアイコン、変えることができるんですかね?

    • you can put .png files(400×400 for retina devices)
      into /Library/ApplicationSupport/JellyLock/Contents
      /Resources/lockReplacement/and enter the name of the file(without extension)here.Jellylock will then use then use the specified image as the lock.
      into settings/JellyLock/Advanced/Replace LockIcon

    • ロックアイコンは通常の設定から可能です。カメラアイコンは直接ファイルを変更してしまえば大丈夫かと思います

  3. 関係ない質問ですいません。
    管理人様もmac使っていると思うのですが、当方はずっとwinでした。

    最近macに買い替え、これまで通りwinterboardのテーマを作成しようとした所、拡張子の関係でmacでテーマを作るのはとても面倒くさい気がするのですが、何か良い方法はありませんでしょうか?

    というのは、例えば拡張子『.app』だとしたら、mac上では不正なファイルと認識されてしまって開けませんよね?
    iphone内に転送したら正しく認識されますが、mac内でその『.app』の中身を編集する場合は、いちいち拡張子を削除しなくてはいけないことになるんでしょうか?

    mac初心者ですが、初歩的な質問でしたらすいません。
    どうか回答よろしくお願いします。

    • 管理人様ほどスゴイ者ではありませんが、一応回答させて頂きます。
      Macでしたら、.appのファイルを右クリックか”option”+クリックから「パッケージの内容を表示」を選択すればフォルダのように表示できます。

    • skyd様の仰られています通り、右クリック(control+クリック)からパッケージの内容を表示で大丈夫かと思います。

  4. 変更したアイコンの上にロック解除するの白いサークルを合わせるとアイコンが元に戻ってしまうのですがそのアイコンも変えることはできますか?

    • Bundle ID~active.png

      • ありがとうございます!

    • あ!それを書くのを忘れておりました・・・
      同じフォルダ内に、「BundleID~active.png」というファイル名で作っていただければ大丈夫です。
      例:Chrome for iOS「通常時:com.google.chrome.ios.png」「選択時:com.google.chrome.ios~active.png」

      • ありがとうございます !

  5. skydさま
    管理人さま

    お二人方有難うございました!
    なるほど、当方の希望通りできました。

    恐らく初歩的ではあったと思いますが、調べてもヒットしなくて本当に困っていたので、丁寧な回答有難うごさいました。

  6. 初めまして。
    毎日楽しく拝見させて頂いています。
    hrtsさんの逆の状態になってしまいました。アイコンが変わらずカーソルを合わせた時のみ変更したアイコンが出てきます。初歩的な質問で申し訳ありませんが対処法教えてください。

    • 『BundleID.png』、『BundleID~active.png』両方の名前で2つファイルを入れて見てください。

  7. なるほど!ありがとうございました。

  8. 突然すいません
    ツイッターのアイコンなど管理人様と同じようなシンプルなものにしたいのですがアイコンはどこから拾ってきているのですか?
    サイトなどあればおしえていただきたいのですが・・・

    • 公式サイト等のアイコンをモノクロ&ちょっとグラデーションかけただけの物を使用しています

      • 作り方などできれば教えていただけませんか?

        • 作り方と言ってもご紹介させていただくほどの事はやっておらず、適当な画像編集ツールでグラデーションをかけているだけになります。
          フリーソフトであれば、GIMPあたりでそれ以上の事が出来ると思います。

  9. この方法でjerrylock7でも適用されますか?

タイトルとURLをコピーしました