WordPress
【初心者向け】WordPressでブログ記事内に、タップでかけられる電話リンクを作成する方法
ブログでイベントなどのお知らせ、告知記事を公開するとき、記事内に連絡先を記載しますよね。申し込みや問い合わせなどの連絡をしてもらうためのものです。
連絡先として電話番号を記載するさいは、その文字をスマホでタップすれば電話がかけられるようにしてあげるとお客様に親切です。
面倒だとお客様は行動してくれない
逆に言えば、いまの時代みんなスマホでネット閲覧していることを考えると
- 問い合わせしようと、スマホ画面に映ってる電話番号をメモする
- スマホのホーム画面に戻って電話番号を手入力する
の手順を踏むのは面倒。
今どきは「電話番号が書いてあればタップすればかけられる」と直感的に判断する人が多いですし、そこで何も反応しないと「なんだよ、不便だな」とちょっと印象が落ちます。そして面倒がられると「やっぱ後ででいいや」とお客様を逃してしまうことだって充分にあります。
問い合わせ先として電話番号を載せるならタップでかけられるようにする、は必須ですし、そして難しいものではありません。
リンク機能を使えば可能
スマホタップで電話がかけられるようにするには、ブログに備わっているリンク機能を使います。記事にリンクを貼るときに使う機能ですね。
各サイト、ページのリンクならhttps://tanomasaki.com/といったURLを入力することで、そこに飛ばすことができますが「電話をかけさせるアドレス」をかわりに入力すれば、タップでスマホの電話機能が自動で立ち上がるリンクを作成できます。
スマホタップで電話をかけるリンクの作りかた
通常のリンクを貼るのとほぼ同じです。
まず、リンクにしたい文字を打ち込んでドラッグして選択
「お電話でのお問い合わせ」としてみましたが、電話番号でもいいですよね。
次に「電話をかけるリンク」をこの文字に貼ります。
- リンクボタンをクリックして
- リンク先の入力欄に「tel:かけて欲しい電話番号」と入力
- 決定ボタン
できました！
このように通常のリンクだったら、https://tanomasaki.com/みたいなURLを入れるところに、tel:080〜と入力します（ぜんぶ半角で）。
電話番号のハイフン（-）は、有り無しどちらでも大丈夫です。
ボタンブロックを使うのもオススメ
WordPressに備わってる「ボタンブロック」を使えば、リンクとして目立つ、イコールお客様に押してもらいやすい電話リンクが作れます。
実際に作ったサンプルがこちらになります。ただの文字にリンクを貼るよりも、いかにも押せばかかりそうでお客様に親切ですね。（このサンプルは実際にはかかりません） 方法として、ブロック選択項目、ちょっと下に下がると「レイアウト要素」というのがあり、そこをクリックすると「ボタン」といブロック選択肢が現れます。
