WordPress

stingerでiPhone「ホーム画面に追加」のアイコンを簡単に変える方法

更新日:

SPONSORED LINK

好きな画像を同じ名前にしてサーバに上げるだけ!

現在このブログのテーマとしてstingerを使わさせてもらってます。SEOにも強いとの評判で人気のテーマですよね。

必要なものは、揃っている。stinger3

でも自分のブログを運営していくなら、カスタムしたくなるのが人間の性。

そこで今回は、stingerのiPhoneで「ホーム画面に追加」した時のアイコンを変える方法を載せていきます。

iphone-top

デフォルトだとこんな感じです。これを変えていきますが、やり方はとってもシンプルです。

  1. png形式の好きな画像を用意する(iPad Retinaにも対応した152x152pxがオススメ)
  2. 画像の名前をapple-touch-icon-precomposed.pngに変える
  3. サーバの現在の画像が置かれているとこにこの画像をアップする

以上!

と、ホントにこれで行けちゃうのですが、一番迷うのはサーバのどこにどうやってアップするのかですよね。

今回は僕が借りているXserverのWebFTPでのやり方を紹介します。ここは多分各社によって使い方は異なりますが、ディレクトリの構成は変わらないと思うので仕組みは同じはずです。

まずはXserverログインページで「ファイルマネージャ」タグを選択してログインします。

xserver-ftp-login

その後、wp-contentというフォルダを探して、themes→stinger3ver20140327→imagesと進んでください。
※stingerのバージョンは人によって違うので自分が有効にしてるものを選んでください。

そうするとその中に保存されているファイルの中に、「apple-touch-icon-precomposed.png」が有ると思います。そして「ファイルのアップロード」というところで自分が新たに設定したい写真を選んでアップロードしてください。

file-upload

そうして自分のブログをホームに追加すると…

neko-iphone-top

じゃーん。Retina対応サイズなのでかなり鮮明ですね。

おしまい。

-WordPress

Copyright© cv0629 , 2017 AllRights Reserved.