WordPressの記事内に、
App StoreやGoogle Playのアプリリンクを簡単に貼りたいと思ったことはありませんか？
実は、「アプリーチ」という無料ツールを使えば、
専門知識がなくてもたった3分でアプリリンクを作成・設置できます。
この記事では、
WordPress初心者でも迷わずできるアプリリンクの貼り方を、
画像なしでも理解できるように手順付きで解説します。
WordPressにアプリリンクを貼る方法【結論】
結論から言うと、
アプリーチを使えば、WordPressにアプリリンクを簡単に貼れます。
-
App Store / Google Play 両対応
-
コードをコピー＆貼り付けるだけ
-
無料で利用可能
スマホユーザー向けの記事では、アプリリンクを設置するだけで利便性と信頼性が大きく向上します。
アプリリンクとは？WordPressに設置するメリット
アプリリンクとは、スマホでクリックするとアプリストアに直接遷移できるリンクのことです。
WordPressにアプリリンクを貼るメリット
-
スマホユーザーが迷わずアプリをインストールできる
-
視覚的に目立ち、クリック率が上がりやすい
-
記事の情報信頼性が高まる
特にスマホ閲覧が多いブログでは、通常のテキストリンクよりも効果的です。
アプリーチとは？WordPressで使われる理由
アプリーチは、ブログ用のアプリリンクを自動生成できる無料ツールです。
アプリーチの特徴
-
HTMLコードを自動生成
-
WordPress・他CMSでも利用可能
-
iOS／Androidを自動判別
-
デザイン調整も可能
初心者でも使いやすく、多くのWordPressブロガーが採用している定番ツールです。
アプリーチでアプリリンクを作成する手順
アプリーチを使うことで簡単にアプリリンクを作成する手順を紹介します。
① アプリを検索する
アプリーチ公式サイトにアクセスし、検索窓に『アプリ名（例：WordPress）』を入力します。
すると、
-
iOS（App Store）
-
Android（Google Play）
それぞれのアプリ情報が自動で表示されます。
※アプリによっては片方のみ表示される場合があります。
② 出力イメージを確認する
「出力イメージを確認」項目で、表示デザインをチェックします。
基本設定のままで問題ありませんが、必要に応じてボタン文言などを調整可能です。
③ コードをコピーする
アプリーチでは『「新コード」と「旧コード」』が表示されます。
『おすすめは「旧コード」』です。
理由：
-
WordPressのカスタムHTMLにそのまま貼れる
-
表示崩れが起きにくい
コピーしておきましょう。
WordPressにアプリリンクを貼り付ける方法
WordPressにアプリリンクを張り付ける方法です。
① カスタムHTMLブロックを追加
WordPressの投稿編集画面で
「カスタムHTML」ブロックを追加します。
② コピーしたコードを貼り付ける
先ほどコピーしたコードをそのまま貼り付けます。
③ 表示を確認して完成
プレビューで正しく表示されていれば完了です。
ただしスマホ表示も必ず確認しましょう。
アプリリンクが表示されない時の対処法
-
ビジュアルエディタに貼っていないか確認
-
カスタムHTMLブロックを使用しているか
-
キャッシュ系プラグインの影響を確認
多くの場合、貼り付け場所の間違いが原因です。
まとめ｜アプリリンクはアプリーチで簡単に貼れる
WordPressにアプリリンクを貼る方法は、アプリーチを使うのが最も簡単で確実です。
-
初心者でも3分で完了
-
スマホユーザーに親切
-
記事のクリック率・信頼性向上
スマホ向け記事を書くなら、アプリリンクの設置は必須レベルです。
ぜひ、あなたのWordPress記事にも導入してみてください。
WordPressに貼り付ける
そうしたら、あとは貼り付けるだけになります。「カスタムHTML」というライティングモードがあるのでそちらで編集していきます。
先ほどコピーしたコードを貼り付ければ完成です。
完成です。
