「WP-Plugin、App Store Insertで Appアイコンが表示されないよ~!」を解決

マメに更新してないんで、いつからこうだったか定かじゃないんですが、
先日、Wordpressのプラグイン「App Store Insert」で
Appアイコンの画像が表示されない事に気付きました。
最近、Wordpressを最新版にしたせいかなぁと思いつつ、
数日間、この問題を放置。( ̄∇ ̄;)ハッハッハ

で、今日になって調べてみたら、解決方法があっさり見つかりました。(^▽^;)

【参考記事元ブログ】がべのWP練習帳

【参考記事元ブログ】Beyond Life

iTunesのバナービルダーがWPだと表示されない? iOSアプリを紹介するブログを書くときデフォルトのiTu…

すごく便利なプラグインなので、もう使えなくなっちゃうかなぁと焦ってたんですけど助かりました。
上記記事の執筆者様に感謝です。ありがとうございます!!

それと、今更ながら気付いたのが、、、
プラグインの編集画面でスタイルシート編集できたんだなって事でした。(^▽^;)
これまでは、ページのソースからclass指定を見つけて、子テーマのスタイルシートに追記してたんですよねぇ。

ただ、「App Store Insert」はずっと更新されてないようなので、元々、プラグイン自体のCSSは効いてなかったみたいなんですよね。
知らずに子テーマにCSS指定してましたが、かえってよかったって感じですね。(^▽^;)

なので、デフォルトでAppアイコン画像が75px指定されてるのに、
100pxで表示される事に何の疑問も持ってませんでした。(T▽T)アハハ!

これまでのアプリ紹介では、ずっと100pxでの表示になってます。
今回の修正で、そっか75pxにも出来るんだなって事に今更ながら気付いたのでした。(^▽^;)

ちなみに、

75pxに指定するとこんな感じ。

Awesome Note 2 for iPhone (To-do/Calendar/Reminder/Organizer)
カテゴリ: 仕事効率化
現在の価格: ¥480

100pxで指定するとこんな感じ。

Awesome Note 2 for iPhone (To-do/Calendar/Reminder/Organizer)
カテゴリ: 仕事効率化
現在の価格: ¥480

今、私のイチオシのiPhoneアプリAwesome Note2を比較に使ってみました。(^▽^;)

これまでは、100pxで表示されてるので、このまま100でいくか、75でいくか、迷い中です。

それとついでに、アイコン画像を角丸にするCSSも追加してみました。
【参考記事元ブログ】ごすてっぷ

”ボーダー以外にも適用可能なimgタグで挿入した画像の角を丸くする方法です。角丸です。”画像と合わせて進めていきますので数値と実際の表示の感じのサンプルとして御覧ください。
上記の記事で、指定の数値によってどう角が丸くなるか見本があります。
すごく参考になりました。ありがとうございます!!

CSSは、一度いじりだすと、色んなところが気になってついつい、没頭してしまって
もうこんな時間?ヤバい、家の事何にもやってない!!
となってしまうのですが、何とか我慢して、、、今日のところはここまでで我慢します。(^▽^;)

スポンサーリンク
レクタングル(大)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レクタングル(大)