移动可点击电话号码 Wordpress 页脚

Question

我想在页脚中添加可点击的手机号码，即智能手机用户在点击号码时可以直接从页脚拨打电话。

我试过

<a href="tel:+15555551212">15555551212</a>

但是当我在膝上型电脑上点击它时，会打开一个空白页面

https://website/tel://+15555551212

有没有办法在桌面设备中防止这种情况并且仅适用于智能手机？提前致谢

Answer 1

您可以使用 css 来实现这一点，您需要为桌面编写两个不同的代码 1，为具有不同类的移动设备编写另一个代码：

页脚中的 HTML 代码：

<div class="on-desktop">
      <a href="#">15555551212</a>
</div>
<div class="on-mobile">
     <a href="tel:+15555551212">15555551212</a>
</div>

和 style.css 或定制器中的 CSS 代码：

 @media only screen and (max-width: 600px) {
  .on-desktop {
   display:none;
  }
 .on-mobile {
   display:block;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {

  .on-desktop {
   display:block;
  }
 .on-mobile {
   display:none;
  }

}