先日ある企業のホームページを制作したのだが、ちょっと不具合が起きたので覚書として記しておく。
トップページ＋数ページの一般的な構成で、その中に求人情報を掲載した。
その企業の希望で、求人情報のページに詳細を記すのではなく、ハローワークのインターネットサービスへのリンクを貼って、そこから求人についての詳細を閲覧してもらうようにした。
流れとしては・・・
ハローワークのインターネットサービスにアクセス。
求人情報検索 >> 求人番号・事業所番号を指定して検索の事業所番号欄に
1234 – 567890 – 1
といった事業所番号（数字）を入力。
番号検索から求人情報を閲覧してもらうというもの。
ページを作ってからパソコンで閲覧してみたが不具合はなさそう。
スマホではどうかとiPhoneで確認すると、
あれ？事業所番号がリンク色になっている。
番号部分をタップすると、その番号に電話をかけるかという表示が。
事業所番号がiPhoneには電話番号として認識されているようだ。
これはダメだと、修正方法をネットで検索。
いくつか方法が紹介されていたが、その中で私は数字の間に画像を挟む方法を選択した。
と言っても、実際の画像ではなく、見せかけの画像タグだ。
私が行ったのは、下記の画像タグを数字とハイフンの間に挟み込む方法。
<img width="0" height="0" />
とっても簡単。
パソコン、iPhone、共に表示に問題はなく、iPhoneではリンク色ではなく普通のテキスト色で表示された。
私は、このブログでも同じ現象が生じるかと、同じ数字とハイフンの組み合わせを記載しテストしてみたのだが、iPhoneで電話番号とは認識されなかった。
WordPressのバージョンやテーマ、或いはサーバーの環境なども影響するのかもしれない。
いずれにしても、企業のホームページの場合は、いろいろなブラウザや端末でチェックをする必要がありそうだ。
