Iskydblog 0025 12 15 at 18 52 04

しゅんぼー(@shun_kashiwa)です。今日はずっとブログのカスタマイズしてますなぁ…

今度は、iTunesStoreのものをシェアするときに使っていたブックマークレット「AppHTML」をカスタマイズしてみました。

こんな感じになりました(^^)

Cytusゲーム, ミュージック, アーケード, ミュージック¥200

 

これがiPhone,iPad,Macの場合

Cytus-Prologue-Various Artists¥1,500

これが、iTunesの音楽の場合です。

一応コードを載せてみる

CSSは共通です。

HTMLは分けていますが、ほとんど一緒です

これがアプリの場合

若干違うんですね。カテゴリーとアーティスト名をそれぞれ表示しています。

これを、

AppHtmlブックマークレット・メーカー
ここに貼り付け、CSSをWordpress内部で適用してあげればOKです。

style属性を使ってCSSを組み込んでもいいのですが、アニメーションを入れている分コードも長くなるため、やめました。

さいごに

自分でカスタマイズすると達成感がありますね。ほぼ素人なので、なかなか大変でした。

もしよければ、参考にしてください。しゅんぼー(@shun_kashiwa)でした