WordPress自适应手机移动端底部自定义菜单按钮插件

WordPress的很多高级主题都是自适应各种设备屏幕大小的，如果用手机浏览一个自适应的WordPress网站，你会发现它的菜单也自适应地缩到顶部的一个小块中,也许有人不是很喜欢那种菜单模式。如果大家有看过微信公众号，大家会发现微信公众号底部有一行的菜单，可能大家会想WordPress网站用手机浏览的时候也可以有这样一行菜单。如图：

本站就针对这个需求开发了这么个小插件，在用手机浏览WordPress网站的时候，在页面底部出现一个自定义链接菜单。通过这个菜单，我们可以添加一些快速链接方式，比如发送手机短线，拨打电话，添加skype链接，添加facebook链接。这样访客可以更加快速的联系网站客服人员。如下：

这个菜单还可以自适应屏幕大小，如果是电脑端或者大的平板电脑，就会自动隐藏起来，不影响网站美观。同时这个菜单可以自己定义按钮文字，链接。通过这个菜单，你可以放些客服链接，也可以放些你希望客人更容易找到的页面链接，方便客户浏览，改善移动端的用户体验。

插件功能：

• 自定义按钮链接
• 自定义链接按钮文字
• 自适应屏幕，在电脑，平板等大屏幕中自动隐藏
• 可以更改菜单背景色
• 更改菜单文字大小及颜色

插件的安装与设置：

插件的安装方法和其他插件一样，下载好插件到本地电脑，然后在plugins->add new里面添加upload plugin, 通过上传安装。

安装好后，我们可以在Appearance(外观)->Menus(菜单)里面，在新建的导航菜单或者已有的菜单的Menu Settings下面就会出现 PhoneMenu这个位置可以用来勾选。你可以创建一个菜单，放些自定义链接（约4，5个菜单项，如：Email, Skype,Sms,Feedback)，如下：

然后勾选PhoneMenu这个位置。那么这个菜单将出现在手机端的网站页面中，如下：

更改菜单背景色和文字大小：

另外这个插件安装好了之后，我们在左侧菜单还可以但到有个PhoneMenu的选项，点击进去之后，我们可以style options: 可以更改菜单背景色，按钮文字大小和颜色等，如下图：

常用链接说明：

自定义链接：你可以添加自己希望要的链接和链接按钮文字，下面是默认的和常用的一些链接(url)的说明：

• tel:yourtel  , 把红色部分换成你自己的手机号码，如：8618928778888，在手机端点击时启动拨打电话功能拨打该电话；
• mailto:youremail@domain.com ;  把红色部分换成你自己的邮箱地址，可以在手机端启动邮件客户端发送email到你的email地址；
• skype:yourskype?chat ; 把红色部分换成你自己的skype ID，可以在手机端启动skype客户端拨打你的skype电话；
• http://www.facebook.com/yourfacebook ;  把这个网址换成你自己的facebook页面，可以手机启用浏览器并访问你的facebook页面；
• whatsapp://send?text=yourtext  ; 把红色部分换成你希望客人用whatapp分享的文本，可以在手机端启动whatsapp客户端发送文本给他的朋友；
• sms:yourtel ; 把红色部分换成你自己的手机号码，如：8618928778888，在手机端点击时启动发送短信功能发送短信至该号码；

本插件VIP会员联系站长免费获得，非VIP会员付费100元购买。

原创文章，转载请注明： 转载自DIYzhan.com-从零开始自己做外贸网站和海外网络营销
本文链接地址:https://www.diyzhan.com/2017/03/mobile-cusomer-service/