ブログ

【簡単登録!】ブログにアプリのリンクを貼り付ける方法

※この記事にはプロモーションが含まれています

ブログにアプリのリンクを入れたいのでやり方を教えて!

今回はこのようなお悩みを解決します。

やり方さえ覚えればとても簡単に出来ますよ✨

結論、アプリーチを使って作成します。

ブログ記事でアプリ紹介する際に活用できるので、覚えておこう!

ヒナ

本記事でわかること

  • アプリーチとは
  • アプリリンクの作成方法

アプリーチとは

アプリーチ公式HP

アプリーチとは、iPhoneやAndroidのアプリのリンクを素早く簡単に作成することができるツールです。

下記のようなリンクが作れます。

見やすくてわかりやすいね!

ヒナ

それではアプリーチでもアプリリンクの作り方をみていきましょう。

アプリリンクの作成方法

アプリリンクの作成方法は以下の3ステップです↓

  • アプリ名を検索する
  • ワードプレスにCSSを貼り付ける
  • 記事内にアプリリンクのコードを貼り付ける

順に解説していきます。

1 アプリ名を検索する

まずはアプリーチのサイトを開きます。

検索バーに検索したいアプリ名を入力し、検索ボタンをクリックします。

下にスクロールをして出力イメージを下の図のようにします。

2 ワードプレスにCSSを貼り付ける

次にワードプレスにCSSを貼り付けていきます。

画面をスクロールし、「こちらのCSS」をクリックします。

すると下の画面が出てくるので、「コピーする」をクリックします。

ワードプレスにいき、外観のカスタマイズをクリックします。(今回はAFFINGER6テーマの場合)

下の「追加CSS」をクリックし、コピーしたCSSを貼り付けます。

3 記事内にアプリリンクのコードを貼り付ける

最後のステップでブログ記事内にアプリリンクコードを貼り付けていきましょう。

新コードを選択し、「コピーする」をクリックします。

コピーしたコードをブログに貼り付けて完了です。

アフィンガー6の場合(ブロックエディタ)はカスタムHTMLを選択し、先ほどコピーしたコードを貼り付けます。

実際に表示してみるとこのようなアプリリンクができました💡

X

X

X Corp.無料posted withアプリーチ

お疲れ様でした✨

ヒナ

まとめ

今回は、アプリリンクの作成方法を解説しました。

アプリリンクをブログに導入することによって、読者の方にもわかりやすい記事を作成することができます。

またリンクへのクリック率も高まるので、ぜひ活用していきましょう!!

ヒナ

最後までご覧いただきありがとうございます😊

-ブログ