Categories

有特色的模板

WordPress. 如何为智能手机添加可点击的电话号码

Kristy Smith April 6, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

本教程将向您展示如何在WordPress中为智能手机添加可点击的电话号码.

WordPress. 如何为智能手机添加可点击的电话号码

  1. Open your website. 如果您需要添加一个可点击的电话号码到您的 header,电话号码的正确书写格式如下:
    <(Area Code)> . 例如:+1 (555)555-1212. 然而,大多数智能手机也会识别这些格式:

    • +15555551212

    • +1.555.555.1212

    • 555-555-1212

    • 555 555 1212

    以适当的格式书写电话号码将自动转换为手机用户的链接. 然而,使用旧手机的用户可能看不到这个链接.

    打开你的WordPress管理面板,导航到 Appearance -> Editor. Look for wrapper-header.php file 并插入以下链接. 此链接将在Android和iPhone上运行. 它将对桌面用户可见,但当单击时将导致错误:

    +1 (555) 555-1212
    Call Me
    

    screen1_howtoadd_phonelink_tosmartphone

    Click Update.

  2. Check your website, please. 你可以看到链接已经出现了:

    screen2_howoadd_phone_link_to_smartphome

    该链接将对所有设备上的用户可见. 如果有人在桌面上点击它, 那么它在谷歌浏览器上什么也做不了,在火狐浏览器上显示一个错误.

  3. 还有另一种插入链接的方式,它将在台式机和笔记本电脑上打开Skype, 在手机上,它会询问用户是想打开Skype还是用手机拨打这个号码.

    There is the code:

    +1 (555) 555-1212
    

    screen3_howtoadd_phone_link_to_smartphone

  4. Check your website, please. 链接已经出现:

    screen4_howtoadd_phone_link_to智能手机

  5. 如果你需要链接一个数字到一个图像,使用下面的代码:

      Call Me  

    当您将此代码放入包装器中时-header.php file, 您可以添加一个特定的类, 因此,您将有机会在CSS样式的帮助下对齐图像.

    For example:

      Call Me  

    确保您已将所需的图像上传到服务器,并为该图像编写了正确的方法. In our case http://localhost/克里斯蒂/ wordpress4 / wordpress / wp-content /主题/ theme51975 /图片/ call-me2.jpg:

    screen7_howtoadd_phone_link_tosmartphone

  6. Check your website, please. 你看这是图像. 请用css样式对齐. 添加一个新的css代码到你的样式.css file:

    screen8_howtoadd_phone_link_tosmartphone

  7. 您还可以创建到Skype用户名的链接,并提供实时聊天支持, 或语音呼叫支持您的访客.

    在您的包装器中使用此代码header.php file:

      Skype  

    screen5_howtoadd_phone_link_tosmartphone

  8. Check your website, please. You see Skype text. 当你点击它,它链接到Skype:

    screen6_howtoadd_phone_link_to_smartphone

感谢收看我们的教程, 现在你知道如何在WordPress中为智能手机添加可点击的电话号码了.

请随时查看下面的详细视频教程:

WordPress. 如何为智能手机添加可点击的电话号码

最佳Wordpress模板
这个条目被张贴了出来 WordPress教程 and tagged number, phone, smartphone, WordPress. Bookmark the permalink.

Submit a ticket

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: Submit a ticket