AI摘要

本文分享了两种WordPress精美侧边栏在线征稿小工具的代码，只需在后台外观的自定义HTML小工具中添加代码，并替换其中的链接和图片地址，即可快速实现包含投稿、邮件及随机跳转等功能的侧边栏征稿模块。

效果图：

操作步骤：

后台管理-外观-小工具 然后找到 自定义html 添加到你想添加的位置

[hidecontent type="reply"] 
<style type="text/css">
    #update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}
    </style>
    <div id="update_version">
    <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1026866560@qq.com" target="_blank" rel="noopener"><img title="雅幽资源网" src="https://beicb.top/usr/uploads/2023/1/impicture_7c6a63ff247fc824fa97682adf6e67d9.webp" alt="图片" style="border-radius:5px;" /></a>
    <a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1026866560@qq.com" target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)"  rel="noopener">发送邮件</a>
    <a class="cms_link" href="https://beicb.top/newposts" target="_blank" style="background-image: linear-gradient(to right, #FF9999,#996699)"  rel="noopener">点击投稿</a>
    <a class="grid_link" href="https://beicb.top/?random" target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)"  rel="noopener">随机盲盒</a>
    </div>
    <div>
      <hr>
    <a href="https://beicb.top/newposts" target="_blank" rel="noopener">点击在线投稿</a>
      <br>
    投稿邮箱：<b>1026866560@qq.com</b>
      <br>
    交流QQ：<b><a href="https://beicb.top/" target="_blank" rel="noopener">1026866560</a></b>
    </div>
[/hidecontent]

效果图二：

操作步骤二：

  • 将下面的代码添加在 WordPress 后台小工具，效果展示是一样的
  • 添加路径：后台 >> 外观 >> 小工具 >> 自定义 HTML >> 选择你需要放的位置
  • 本站这里是添加在文章页侧边栏
  • 修改代码中的链接以及图片地址
[hidecontent type="payshow"]
  • HTML
  • CSS
    • <div class="zib-widget widget_text">
<div id="update_version">
<a href="/" target="_blank" rel="noopener"><img title="雅幽资源网" src="https://beicb.top/images/tougao.webp" alt="图片" style="border-radius:5px;"></a>
<a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1026866560@qq.com" target="_blank" style="background-image: linear-gradient(120deg, #3ca5f6 0%, #a86af9 100%);" rel="noopener">站长邮箱</a>
<a class="cms_link" href="https://beicb.top/newposts" target="_blank" style="background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);" rel="noopener">在线投稿</a>
<a class="grid_link" href="https://beicb.top/links-php" target="_blank" style="background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);" rel="noopener">友情链接</a>
</div>
<div>
<hr>
</div>
</div>
    <style type="text/css">
#update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}
</style>


    [/hidecontent]