WordPress. 如何为智能手机添加可点击的电话号码
April 6, 2015
本教程将向您展示如何在WordPress中为智能手机添加可点击的电话号码.
-
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
Click Update.
-
-
Check your website, please. 你可以看到链接已经出现了:
该链接将对所有设备上的用户可见. 如果有人在桌面上点击它, 那么它在谷歌浏览器上什么也做不了,在火狐浏览器上显示一个错误.
-
还有另一种插入链接的方式,它将在台式机和笔记本电脑上打开Skype, 在手机上,它会询问用户是想打开Skype还是用手机拨打这个号码.
There is the code:
+1 (555) 555-1212
-
Check your website, please. 链接已经出现:
-
如果你需要链接一个数字到一个图像,使用下面的代码:
当您将此代码放入包装器中时-header.php file, 您可以添加一个特定的类, 因此,您将有机会在CSS样式的帮助下对齐图像.
For example:
确保您已将所需的图像上传到服务器,并为该图像编写了正确的方法. In our case http://localhost/克里斯蒂/ wordpress4 / wordpress / wp-content /主题/ theme51975 /图片/ call-me2.jpg:
-
Check your website, please. 你看这是图像. 请用css样式对齐. 添加一个新的css代码到你的样式.css file:
-
您还可以创建到Skype用户名的链接,并提供实时聊天支持, 或语音呼叫支持您的访客.
在您的包装器中使用此代码header.php file:
Skype
-
Check your website, please. You see Skype text. 当你点击它,它链接到Skype:
感谢收看我们的教程, 现在你知道如何在WordPress中为智能手机添加可点击的电话号码了.
请随时查看下面的详细视频教程: