がべのWP練習帳

日々のあれこれをWPの練習がてら書くブログ

App Store Insertのアイコン画像が表示されない問題の対処

      2015/09/07

appstoreinsert_image_error

ある日ふと、App Store Insertプラグインの画像が出ていない事に気づきました。

こちらのサイトを参考に解決しましたので、まとめてみました。
[参考]WPでiPhoneアプリ紹介リンクを手軽に作りたい | Beyond Life

artworkUrlの値指定を書き換えるだけ

結論から言うと、プラグインファイルのある部分で画像イメージのパスを作るところがあるんですが、それがうまくいってないみたいなのでちょっと書き換えればOKです。

appstoreinsert_setting

メニューの「プラグイン編集」

編集するプラグインを選択を「App Store Insert」

プラグインファイルの「app-store-insert/app-store-insert-iframe.php」

これで開いた画面の37行目、目印は「//macSoftwareを検索した場合に~」とコメントアウトしてある部分の一行上です。
そこから、39行目までの3行

$replacement = '$1.100x100-75.$2';
// macSoftware を検索した場合に、.512x512-75 が邪魔なので除去する
$subject = str_replace(".512x512-75", "", $result->{'artworkUrl512'});

これを下記に編集。


$subject = str_replace(".512x512-75", "", $result->{'artworkUrl512'});
if(preg_match("/thumb/",$subject)){
$replacement = '$1.$2';
}else{
$replacement = '$1.100x100-75.$2';
}

書き換えたら、ファイルを更新。(下の方にあるボタン)

これでApp Store Insertの検索をすると

appstoreinsert_image_after

こんな感じで表示されました。

ただ、このまま記事に投稿すると、

appstoreinsert_large

このようにイメージが原寸大(この場合1024×1024)の、領域MAXみたいな感じに表示されちゃうので、先ほどのプラグイン編集の52行目(目安は「//ここから:投稿に使用するテンプレート」と書いてある行の1行下)に画像サイズ指定を追加。

<img src = \”software ->・・・となっているところを、

<img width = \”75\” src = \”software ->・・・となるようにwidth値を追加。

追加したら更新。
これでイメージを75pxの幅に指定しました。

appstoreinsert_small

で、こんな感じですね。
うまくできました!

解説

正直僕にはよくわかんないんですが、

artworkUrlという値に入るパスから「.512×512-75」という文字列を削除し、
その文字列を削除したartworkUrlの拡張子の前に100×100-75という文字列を追加して戻す

という処理だったところを、

「/thumb/」という文字列が含まれている場合には、そのままのURLで、
それ以外の時には100×100-75を追加して戻す

みたいな感じっぽいです。
おそらくAppの中にはサムネイル画像しか持っていないものがいて、
その場合には100×100-75という文字列が含まれるパスの画像が存在しないということなのかと。

ちなみに、修正前の参照パスはこれ。
<img src=”http://is4.mzstatic.com/image/thumb/Purple7/v4/a9/90/7f/a9907ff5-35d5-a211-5ff9-9006c85360ee/mzl.trpctmtv.jpg/0x0ss-85.100×100-75.jpg”>

で、修正後がこれ。
<img src=”http://is4.mzstatic.com/image/thumb/Purple7/v4/a9/90/7f/a9907ff5-35d5-a211-5ff9-9006c85360ee/mzl.trpctmtv.jpg/0x0ss-85.jpg”>

どうやったらこの問題にたどり着くのかはわかりませんが、とにかくサムネイル画像を指定されてるやつはサイズ指定みたいなのをURLに含めると404エラーが返ってきます。
これを存在するパスに直してあげているというイメージです。

一人じゃ絶対にわかりませんでした。
ありがとうございました。

 - Wordpress

Adsense

Adsense

  関連記事

no image
【今更】WordPressってすごいよね。

SEOの先生でもある友人からずっとワードプレスを勧められていたものの、 「わから …

no image
2015年これからWordPress始めようかなーと言う人に向けたメリットデメリット

前回「ワードプレスってすごいよねー」という記事を書いたわけですが、 具体的にどこ …

Comment

  1. […] App Store Insertのアイコン画像が表示されない問題の対処 | がべのWP練習帳 […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です