WordPressで電話番号に自動的にリンクを追加する方法

WordPressで電話番号に自動的にリンクを追加する方法

Photo Daria Nepriakhina via Unsplash

WordPressで本文中の電話番号に自動的にリンクを追加する方法を紹介します。スマホで電話番号をタップしたときに、すぐに電話がかけられるようになります。

見た目は次のように変わります。

Before

リンクなしの電話番号

After

リンクつきの電話番号

HTMLコードは次のように変わります。

Before

After

実装方法は簡単です。functions.phpに次のコードを追記します。

これで、本文中の電話番号のテキストをリンクつきの状態に変換できます。

電話番号は「/([0-9]{2,4}-[0-9]{2,4}-[0-9]{3,4})/」で検索しています。0~9の数字の2~4回の繰り返し、ハイフン、0~9の数字の2~4回の繰り返し、ハイフン、0~9の数字の3~4回の繰り返し、というパターンです。固定番号以外に、携帯の電話番号や050で始まる電話番号にも対応しています。

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選
スポンサーリンク

関連記事 & スポンサーリンク

コメント

  • Posted on
  • Views 75