ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

      2015/02/16

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

少し前にこの記事、WordPressとGoogleChromeでリンクをスクリーンショットと共に綺麗に載せる方法でこんな感じに

リンク先をスクリーンショットと共に綺麗に投稿する方法を投稿しましたが、今回はiPhone,iPad,Macのアプリを紹介する時にリンクを綺麗に掲載する方法を「App Store Insert」と云う名のプラグインを導入して行うまでの備忘録を残したいと思います。完成するとこのように、

Transmit
カテゴリ: ユーティリティ
現在の価格: ¥3,400

見た目も綺麗に掲載出来ます。あと「App Store Insert」を使うにあったって「iTuneアフィリエイトプログラム」に申し込む手順も残したいと思います。早速やってみましょう。

スポンサーリンク

iTuneアフィリエイトに登録

iTunesアフィリエイトプログラムとは、iTune Store、App Store、iBooks、Mac App Storeにある音楽、アプリケーション、本などへのリンクを制作すると、コミッションを受け取る事が出来るシステムです。どうやら少し前までは、リンクを貼っている物以外でも成果対象になっていたみたいですが、今はリンクを貼っている物しか対象にならなくなったため、売り上げは結構落ちたみたいです。ですが、申し込んでおいてマイナスになることは無いと思うので、申し込みして置きましょう。

まずはこちらのリンクへ飛んで、

「今すぐ申し込む」をクリック!

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

アフィリエイト用のアカウントを持って居ない方は「プログラムに申し込む」をクリック

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

それぞれ必要事項を記入していいきます。申し込み後、承認されるまでに2、3日かかる場合もあるみたいですが、自分は1日で連絡が来ました。アカウントが承認されると「11|3RT」のようなユーザーIDが発行されます。これを後に「App Store Insert」のアフィリエイト・トークン(ユーザー識別ID)に記入します。

WordPressプラグイン「App Store Insert」

WordPressプラグイン「App Store Insert」をダウンロードしてインストールします。作者のRAKUISHI.COMさんのブログからプラグインをダウンロードします。下記のリンクから飛んでください。

ページ中段ぐらいにこのようなダウンロードリンクがあるのでクリックしてダウンロードしてきます。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

スポンサーリンク

ダウンロードしたプラグインをインストールします

インストールのやり方は二つありますが、まず一つは管理画面からインストールする方法。管理画面 → プラグイン → 新規追加で上のメニューからアップロードを選択、

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

次のページの「Choose File」をクリックした後、先程ダウンロードした「App Store Insert」のプラグインを選択してアップロードしてください。

 次のページの「Choose File」をクリックした後、先程ダウンロードした「App Store Insert」のプラグインを選択してアップロードしてください。

もう一つはFTPアプリを使ってのPluginフォルダへの直接アップロードです。TransmitのようなFTPアプリ

Transmit
カテゴリ: ユーティリティ
現在の価格: ¥3,400

を使ってアップします。アップをする墓所は /wp-content/plugins 内に解凍したフォルダを入れるだけです。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

アップロード後、管理画面からプラグインの画面に飛ぶと「App Store Insert」が表示されているはずです。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

有効化してください。次に管理画面から設定に行くと「App Store Insert」と云う項目が出来ているので先程のアフィリエイト・トークンを自分の物に変更します。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

記入後「変更を保存」を押して終了です。

App Store Insertを使ってみる

記事の投稿画面に行くと中段程にApp Store Insertのウィンドウが現れます。掲載したいアプリを検索して「投稿に挿入」ボタンを押します。(今一番欲しいアプリです)

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

しかし、このままだとレイアウトが崩れるので「app-store-insert-iframe.php」を修正します。ENJILOGさんのブログに修正手順を紹介してましたので、参考にさせて頂きました。

スポンサーリンク

app-store-insert-iframe.phpを修正

管理画面 → プラグイン → プラグイン編集 → 「App Store Insert」を選択した後に右側のリストから「app-store-insert-iframe.php」を選択します。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

このページの「div class=\”application_box」の後にclearfixを足します。最後に「ファイルを更新」したら完成です。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

style.cssとsmart.cssにコードを追加

レイアウトを整える為のコードを記入します。まずはsytle.cssです。管理画面 → 外観 → テーマ編集 → スタイルシート(style.css)を選択。一番下に以下のコードを記入してください。分かり易いように3行追加しています。

同じ物をsmart.cssにも記入してください。Stingerをお使いでない方はこちらが必要になるかも!?との事です。

それでは表示を確認してみましょう。

WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入

綺麗になりました!

完成

これでアプリ紹介がしやすくなりました!ガンガン使って行こうかと思います。読んで頂いてありがとうございました。

 - WORDPRESS

Message

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

CAPTCHA


  関連記事

WordPress[Twitter] ツイッターのツイートをブログに載せる方法
WordPress[Twitter] ツイッターのツイートをブログに載せる方法
WordPressのテーマ「Stinger3」のサイト名を画像に変更する方法
WordPressのテーマ「Stinger3」のサイト名を画像に変更する方法
WordPress[Stinger3] RSSフィードにアイキャッチ画像を表示
WordPress[Stinger3] RSSフィードにアイキャッチ画像を表示
WordPress[Stinger3] サイドバーのアイコンを変更する方法
WordPress[Stinger3] サイドバーのアイコンを変更する方法
WordPress[Acunetix WP Security] テーブル接頭辞を簡単に変更する
WordPress[Acunetix WP Security] テーブル接頭辞を簡単に変更する
WordPress[Crayon Syntax Highlighter] ブログにソースコードを綺麗に表示
WordPress[Crayon Syntax Highlighter] ブログにソースコードを綺麗に表示
WordPress[MarsEdit] 過去記事を30件以上に変更
WordPress[MarsEdit] 過去記事を30件以上に変更
WordPress サイドバーにFeedlyボタンとRSSボタンを表示する方法
WordPress サイドバーにFeedlyボタンとRSSボタンを表示する方法
WordPress[Stinger3] LINEで送るボタンを設置
WordPress[Stinger3] LINEで送るボタンを設置
WordPress[Acunetix WP Security] 基本的なセキュリティー対策と脆弱性対策
WordPress[Acunetix WP Security] 基本的なセキュリティー対策と脆弱性対策