我使用html代码而不是插件来减少在浏览器中打开网站时的负担。此代码适用于博客,但不适用于基于 wordpress cms 的我的网站。
<style>.float{
position:fixed;
width:60px;
height:60px;
bottom:20px;
left:20px;
background:green;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}</style>
<a href="https://api.whatsapp.com/send?phone=+xxxxxxxxxx&text=Hai%20Dewi's%20Wedding%20%21." class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
使用这段代码,我只能得到一个没有很棒字体的按钮 fa fa whatsapp。
你可以在这里看到结果https://www.dewiswedding.com
请帮我解决这个问题..
最佳答案
因为你没有给你的网站添加 font-awesome,
插入头部标签:
https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
关于html - Whatsapp 分享按钮不起作用,如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54253818/