Npcink Blog
切换菜单

wordpress 美化 - 怎么添加右侧悬浮窗带在线客服的快捷功能导航?

我们会准备一些常用的链接或者功能,为了方便访客使用,那么可以将其放在侧边栏,这一次分享的 wordpress 美化教程就教大家如何制作一款漂亮的快捷功能导航

本页目录2 节

有时候,我们会准备一些常用的链接或者功能,为了方便访客使用,那么可以将其放在侧边栏,这一次分享的 WordPress 美化教程就教大家如何制作一款漂亮的快捷功能导航。

可以自己定义图标,在 css 更改图片链接即可(背景图标和鼠标悬停浮动图标)。

预览效果:

右侧悬浮窗带在线客服简约图标大全的快捷导航效果预览

当然,如果您不满足于这乏味的截图,您也可以点击下方 WordPress 美化提供的 Demo 按钮在线预览。

如何使用?

点击下方的 Demo 按钮,右击鼠标查看源代码,根据代码注释复制代码到自己需要的地方,可以将复制的代码放到主题根目录下的footer.php的</body>前,然后将链接、文本和图标链接替换为自己的,再保存即可。

如果您需要完整的预览,可以下载本页底部提供的压缩包,内含整理完善的完整代码以及图片。

代码中的错乱字符为以下内容:

font-family:“微软雅黑”;

如果您需要一款让人眼前一亮的右侧悬浮导航,那么可以看看这篇 wordress 美化教程: