移動可點擊電話號碼 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;
  }

}