スポンサーリンク

[iPhone][アプリ]アプリをダウンロードするボタンを設置してみた件


スポンサーリンク

medium_2196281246



はじめに

ここ最近「アプリをダウンロードする」ボタンを配置されるブロガーさんが多いため、私も遅ればせながら置いてみました。
@fwhx5296ことShigechanです。

素人ながらFireworksで作ってみましたw
ボタンはこちらです。

AppDownloadButton

こんなシンプルなものしか作れないw

参考にさせてもらったのが、大さん(@delaymania)のこちらのエントリー
アプリをダウンロードするボタンが付くようにAppHTMLをカスタマイズしました | delaymania
delaymania …

勉強がてら自作「アプリをダウンロードする」アイコンをサーバーにおいて、AppHTMLで取得できるようにしました。

 

ソースはこちらです。

◆ボタンのみの場合◆

<div class="appDownloadButton"><a href="${linkshareurl}" target="_blank" rel="nofollow"><img src="https://twi-papa.com/wp-content/themes/yoko/images/appDownloadButton.png" width="302" height="52" alt="アプリをダウンロードする" /></a></div>

◆いつものAppHTMLにボタンを付けた場合◆

<div class="appHtmlFrame"><span class="appIcon"><a href="${linkshareurl}" target="_blank" rel="nofollow"><img src="${icon100url}" width="100" height="100" class="appIconImg" style="border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;box-shadow: 1px 4px 6px 1px #999999;-moz-box-shadow: 1px 4px 6px 1px #999999;-webkit-box-shadow: 1px 4px 6px 1px #999999;margin: -5px 15px 1px 5px; float:left;" alt="${appname}"></a></span><span class="appTitle"><a href="${linkshareurl}" target="_blank" rel="nofollow"> ${appname}</a></span><br> <span class="appPrice">価格: ${price}</span><br> <span class="appCat">カテゴリ: ${category}</span><br> <span class="appLink"><a href="${linkshareurl}" target="_blank" rel="nofollow">App Storeで詳細を見る</a></span><br><div class="appDownloadButton"><a href="${linkshareurl}" target="_blank" rel="nofollow"><img src="https://twi-papa.com/wp-content/themes/yoko/images/appDownloadButton.png" width="302" height="52" alt="アプリをダウンロードする"></a></div><br style="clear: both;"></div>

ここで、自分が作ったアプリでも配置すればかっこいいんでしょうけど、生憎そのような技術も知識も持ち合わせていませんw
ってことで、最近脚光を浴びまくって私も使わさせてもらっている大さん(@delaymania)のアプリである、ThumbEditを貼っておきます。
ありがとうございます。

 

◆ボタンのみです。

アプリをダウンロードする

 

◆アイコンとボタンのセットです。

ThumbEdit - 親指テキストエディタ ThumbEdit – 親指テキストエディタ
価格: ¥250
カテゴリ: 仕事効率化, ユーティリティ
App Storeで詳細を見る

アプリをダウンロードする

 

さいごに

これで以前よりは見やすくなったかなと思います。
ブログを弄るのって楽しいですね。いろんなアレンジが出来ますしね。
ただし時間はかかりますがw

この記事が気に入ったら
いいね ! してくださいね

Twitter で

コメントはこちら

*
*
* (公開されません)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

COMMENT ON FACEBOOK

スポンサーリンク

Return Top