WordPressでスマホアプリのリンクを貼る方法

スマホアプリリンク方法のアイキャッチ画像
スポンサーリンク

こんにちは。気マぐレクローバーです🍀

ブログにアプリのリンクを貼りたいけど貼り方がわからない…

なるほど…それは困りましたね💦

では、ブログにアプリのリンクを貼る方法をご紹介します。

今回は、
ブログにアプリのリンクを貼る方法がわからず困っている方向けに
WordPressでスマホアプリのリンクを貼る方法を記載していきたいと思います。

この記事を読んでわかること
①スマホのアプリリンクとは
②スマホのアプリリンクを貼る方法
スポンサーリンク

スマホアプリのリンクとは

スマホアプリのリンクとは、
アプリ画像とアプリ名、App StoreやGoogle Playのダウンロードリンクが
キレイにひとまとめに並んでいるリンクカードのことです。

実際に見た方が早いのでサンプルを貼ります↓

マネーフォワード ME 家計簿(かけいぼ)でお金や口座の管理

マネーフォワード ME 家計簿(かけいぼ)でお金や口座の管理

Money Forward, Inc.無料posted withアプリーチ

普通にテキストのみでリンクを貼るよりも、
分かりやすくてお洒落ですよね♪

前回ご紹介した
ブログカードのアプリ版のようなものです。

ブログカードに関して気になる方は
以前に記載している記事があるのでよろしければ一緒にご確認ください。

操作方法もとても簡単なのでサクッとご紹介します!

スマホアプリのリンクを貼る方法

スマホアプリのリンクを貼るには、
アプリーチを使用します。

アプリーチとは、
iPhone,Androidアプリを紹介するブログパーツを
瞬時に作成することができるツールです。

アプリーチの使用法

  1. アプリーチを開く
  2. ブログパーツ作成
  3. CSSをブログに追加
  4. アプリリンクのコード貼り付け

アプリーチを開く

アプリーチにアクセス

ブログパーツ作成

ブログパーツ作成の検索枠に
実際にリンクを貼りたいアプリ名を入力して検索

アプリーチ使用方法

検索後、
出力イメージを確認しましょうにて、
表示したい情報を選択

アプリーチ使用方法

CSSをブログに追加

コードをコピーしてブログに掲載しましょうにて、
“こちらのCSS”を押下し、
新コードとサンプルCSSにて
コピーするを押下

アプリーチ使用方法

WordPressにて、
外観のカスタマイズを選択し、
追加CSSに先程のコードを貼り付け

アプリーチ使用方法

アプリリンクのコード貼り付け

コードをコピーしてブログに掲載しましょうにて、
コピーするを押下し
記事の編集画面にてお好きな位置にコードをHTMLとして挿入する

アプリーチ使用方法

以上で
スマホアプリのリンクの貼り付けができます。

CSSをブログに追加は
一度設定完了すれば次回は不要なので
慣れてしまえば1分もかからずに実施可能です。

最後に

今回は、
・スマホのアプリリンクとは
・スマホのアプリリンクを貼る方法
を記載しました。

私はつい最近までこの方法がわからず
テキストをのリンクのみで表示していました…

今回の方法を使用すれば
手軽でお洒落でさらに視認性もあがる
ので是非おすすめします。

スマホのアプリリンクと一緒におすすめなおすすめASPについて
記事を書いているのでよろしければ下記の記事をご確認ください。

私と同じようなブログ初心者の方の参考になれば幸いです🍀

最後までお読みいただきありがとうございました。

気マぐレクローバー🍀
更新日 2022/07/17 現在

コメント

タイトルとURLをコピーしました