标题中的电话号码无法点击

时间:2014-02-01 00:35:10

标签: html css wordpress tel

我知道enfold提供了将您的电话号码放在标题上方的选项,但我想在标题本身中添加更大的数字。我已经这样做了,但由于某种原因,手机无法将电话号码识别为可点击链接。这是代码:

$phone = avia_get_option('phone');
                        $phone_class = !empty($nav) ? "with_nav" : "";
                        if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";

                        /* <div class="phone2">503-436-5584</div>
                        *  Hook that can be used for plugins and theme extensions (currently:  the woocommerce shopping cart)
                        */
                        do_action('avia_meta_header');
                    echo '</nav>';
                ?>
              </div>
        </div>

        <?php } ?>

        <div  id='header_main' class='container_wrap container_wrap_logo'>
           <div class='phone2'><a href="tel:503-436-5582">503-436-5582</a></div>
               </a></strong><img class='cards' src='http://garagedoorsrepairwestlinn.com/wp-content/uploads/2014/01/crdit-card-logo.jpg' /></div>   
                <?php
                /*
                * Hook that can be used for plugins and theme extensions (currently:  the woocommerce shopping cart)
                */
                do_action('ava_main_header');

                ?>
我做错了什么?当我添加第二个</div>时,它会显示为计算机上的链接,但它会完全取消徽标和号码。

1 个答案:

答案 0 :(得分:0)

由于电话号码中的' - '字符,我猜它不起作用。您应该尝试更改为:<a href="tel:5034365582">503-436-5582</a>

顺便说一句,我建议使用callto协议,它将在桌面上打开Skype,在智能手机上打开手机应用程序:

<a href="callto://5034365582" title="Call Me">503-436-5582</a>