WordPressの記事の中で、アプリを紹介したいようなケースがあると思いますが、ただ単にアプリのリンクを貼るだけでは少し画面が寂しいですよね。Play」のバナーです。今回は、バナーの取得方法、張り付け方、について紹介します。今回紹介する方法は、AppleとGoogleの公式サービスになり、以下の手順でバナーを取得できます。Maker」にアクセスし、以下の操作を行い、目的のアプリを表示させます。表示された目的のアプリをクリックすると、以下の画面が表示されるので、直リンクに表示されるURLをメモしておきます。Storeのバナーを表示させる時に使います。badge」へアクセスします。下のほうへスクロールしていくと、以下のような画面が表示されるので、次の操作をします。1:日本語のバナーを作る場合は、Languageを「Japanese」に変更。英語が良い場合は「English」のままでOK。Storeで目的のアプリを検索し、URLをコピーして貼り付ける。3:2でURLを張り付けると、左側にバナー用のコードが表示されるので、コピーする。以上で、バナー作成用のコードの取得は完了です。上記で取得したバナーは、そのまま使うことはできません。AppleStoreのバナーの場合は、テキストに張りつけても何も表示されません。GooglePlayの場合は以下のようなサイズになるため、存在感が強すぎて紹介したいアプリより目立ってしまうでしょう。そこで、コードの整形やサイズの調整が必要になります。AppleStoreのバナーを調整そのままでは表示されないので、アップルが提供しているバナーにリンクを追加するという方法をとります。10px;”/></a>上記のコードのコピペでうまく行かない場合は以下のコードをご利用ください。すると、AppleStoreのバナーが表示されます。Playの場合は、取得したバナーにサイズを規定するコード「width=”任意の数字”」を追記します。Storeのバナーのサイズと合わせる場合は「width=”153′′」を追記しましょう。Storeのバナーと同じサイズのバナーが表示されます。取得した二つのバナーを、横並びに並べる方法、縦並びに並べる方法、中心に並べる方法、サイズの変更方法を紹介します。横並びに並べるには、調整したバナーコードをそのまま連続で貼り付けるだけです。2横並びで中心に持ってくる方法1のバナーコードを<center></center>で挟みます。具体的には、先頭に「<center>」末尾に「</center>」を追記します。縦並びに並べるには、調整したそれぞれのバナーコードの間に<BR>を追記します。4縦並びで中心に持ってくる方法2と3を組み合わせです。先頭に「<center>」末尾に「</center>」を、それぞれのバナーコードの間に<BR>追記します。最終的な4のコードは以下のようになります。Playのコードの「width=”153′′」の橙色の部分を変更すると、バナーのサイズを変更することができます。おわりに自分が紹介したいアプリの記事のレイアウトに合わせて、バナーのサイズを調整して活用してみてください。したら、『コピペでうまく行かない』という人がいるかもしれません。10px;」の部分が消えてしまっている、のどちらかだったので、該当部分を確認してみて下さい。