【问题标题】:Phone number in header isn't clickable标题中的电话号码不可点击
【发布时间】:2014-02-24 21:17:48
【问题描述】:

我知道 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');

                ?>

我做错了什么?当我添加第二个&lt;/div&gt; 时,它在计算机上显示为一个链接,但它完全取消了徽标和编号。

【问题讨论】:

  • *添加第二个 div。也忽略不匹配的电话号码,我已经修复了它并没有做任何事情。
  • 您发布了 PHP 代码,但没有用“php”标记问题。指定您认为 PHP 代码相关的原因,或者发布生成的 HTML 代码以及任何相关的 CSS 代码(如果需要)以呈现实际重现问题的代码。还要指定测试的浏览器。
  • 它是相关的,因为这是在标题中添加电话号码的代码。就是相关的css代码,测试的浏览器有firefox、IE、safari、chrome。
  • 你应该展示实际重现问题的 HTML 和 CSS 代码,并纠正已经指出的错误——这个问题应该是完全可以理解的,无需阅读 cmets。只有在知道是哪个 HTML 和 CSS 触发了问题之后,才有必要查看生成它们的 PHP 代码(如果相关的话)。您写了“那是相关的 css 代码”,但问题中没有 css 代码。

标签: html css wordpress tel


【解决方案1】:

我猜它不起作用是因为电话号码中的“-”字符。您应该尝试更改为:&lt;a href="tel:5034365582"&gt;503-436-5582&lt;/a&gt;

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

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

【讨论】:

  • 我已经尝试了 - 和没有但仍然没有:/
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-08-07
  • 1970-01-01
  • 1970-01-01
  • 2023-03-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多