纯代码实现给wordpress网站右侧加qq 微信电话咨询台

最新推荐文章于 2025-04-20 21:52:42 发布

podoor

最新推荐文章于 2025-04-20 21:52:42 发布

阅读量511

点赞数 3

CC 4.0 BY-SA版权

分类专栏： WordPress技术文章标签： wordpress wordpress建站

本文链接：https://blog.youkuaiyun.com/podoor/article/details/140614812

要在WordPress网站的右侧添加一个包含QQ、微信和电话的咨询台，你可以通过以下步骤实现：

登录到你的WordPress后台。
转到 "外观" > "小工具"。
点击 "屏幕选项"，确保 "页面构建器" 处于活动状态。如果没有，请勾选 "页面构建器" 并点击 "应用"。
在小工具页面，找到 "自定义HTML" 小部件并将其拖放到右侧边栏。
在自定义HTML小部件中，添加以下代码：

<div class="consultation-bar">
  <h3>联系我们</h3>
  <p>QQ: <a href="tencent://message/?uin=你的QQ号码&amp;Site=网站名称&amp;Menu=yes">你的QQ号码</a></p>
  <p>微信: <img src="你的微信二维码图片链接" alt="微信二维码"></p>
  <p>电话: 你的电话号码</p>
</div>

请将 "你的QQ号码"、"网站名称"、"你的微信二维码图片链接" 和 "你的电话号码" 替换为实际的信息。

接下来，为咨询台添加一些样式。转到 "外观" > "自定义"。
在 "其他CSS" 部分，添加以下CSS代码：

.consultation-bar {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.consultation-bar h