2018年7月12日おはようございます。修正後ソースを修正するボタンを作るソースとボタンを組み合わせる参考にさせていただいた記事AppHTMLのカスタマイズに手を出しましたAppHTMLは、アプリ紹介リンクを自動的に作ってくれるありがた〜いものです。Storeから購入」とかいうボタンがついてるアレです。基本的なことはこちらにありますので、まだ使ったことのない方はまずはこちらでどんなものかをご覧ください。sumirexxx今日はこの見た目のカスタマイズをしようと思います。今回やりたいのはシンプルがいいボタンを作るです!多くは求めない!いまは!...ではさっそく。シンプルにしたい前回の記事で不要な画像は削除してるので、あらかじめカットした体ですすめます。sumirexxx個人的には、アプリ名と値段とジャンルが出ていればいいかなと思うので、こんな感じにしました。修正前と修正後で比べてみます。ユーティリティこんな感じです。このカスタマイズの仕方は簡単でした。不要な部分をカットするだけ。AppHTMLメーカーを開いてソースを取得します。ソースを修正する各項目を任意で設定すると、カスタマイズ書式の項目にソースが出力されます。以前はスルーしていましたが、今回はココを修正します。ソースをコピーしてエディタに貼付けます。(私はCoda2を使っているのでそこに。)いらない部分を削除していきます。前回気づいた、画像が表示されない箇所をカット。次に、「販売元・サイズ・すべてのバージョン評価」の部分をカット。編集したソースを、AppHTMLのさきほどコピーした部分に上書きします。Bookmarklet生成ボタンを選択。※ここで注意するのは「改行しないこと・あるいは改行したら戻すこと」です。編集した内容をAppHTMLに貼付けるとき、改行が含まれているとBookmarkletが起動しません。下の方にAppHTML(Mac用・iPhone)登録用が出力されましたか?試しに実行してみましょう。私はプレビュー表示にしたので、こんな感じで確認できました。私が削除した部分を記述しておきます。ボタンを作るボタンはココで作りました。簡単に作ることができます。私はイラレ買ったので使えば良かったんですが、まったくわからないので今回はこちらでさくっと作りました。ButtonMakerアフラットなんかそれっぽくなってきた...かな?出来上がったボタンは、右クリックの画像を保存で保存します。自分が使っているWordPressテーマの中に入れます。ソースとボタンを組み合わせる形が決まったら、先ほど試しに作ってみたソースと合体させます。divの”apphtml”と、”appDownloadButton”という表示があります。これは、apphtmlはアプリリンク全体を囲っています。”appDownloadButton”は、アプリをダウンロードボタンだけを囲って、中央寄せにしています。このソースをAppHTMLに戻って貼付けます。再度Bookmarklet生成を選択。実行すると、下のように新しいアプリリンクが完成しました。ユーティリティコード消すときに注意しないと、変な出力になってしまうのと、改行があるとAppHTML作れません。この2点にはくれぐれもご注意を!今回はPCで作ったので、これをコピーしてiPhoneの方のAppHTMLも忘れないうちに置き換えないとメモメモ_φ(・_・ということで、少しおおざっぱだったかもしれませんが概要はつかんでいただけたでしょうか?ソースをじっくり見れば、自分にいらない部分、足したい項目など見えてくると思います。ブログ関連する記事はこちらiPhoneブロガー必須のAppHtmlがPHG対応バージョンで帰ってきたよ。SumirexxxiPhoneSpotify音楽ストリーミングサービス。64GBで、アプリ・曲・写真がどれくらい入るのか試してみた今すぐPASMOオートチャージを停止したい!駅にある販売機からオートチャージを止める方法。