WordPress子比主题添加创意横幅图片广告位

一款比较简约好看的横幅广告代码，本来纯代码，技术猿发现CSS代码放自定义和封面图片有冲突，所以本地化CSS，现在分享给大家！

效果预览

也想出现在这里？联系我们吧

代码教程

代码位置 WordPress后台—外观—小工具—自定义HTML，位置想放哪就放哪

<head>
    <link rel="stylesheet" type="text/css" href="改为自己的CSS地址">
</head>
<div class="n_banner_inner">
  <div class="img-info">!
    <div class="info">也想出现在这里？
      <a data-remote="https://techape.oss-cn-hangzhou.aliyuncs.com/wp-admin/admin-ajax.php?action=private_window_modal&receive_user=1" href=" ;" data-toggle="RefreshModal">联系我们</a>吧</div>
  </div>
  <a href="https://www.techape.cn/?golink=aHR0cHM6Ly90ZWNoYXBlLm9zcy1jbi1oYW5nemhvdS5hbGl5dW5jcy5jb20vdG9waWNzLyVlNiU4YSU4MCVlNiU5YyVhZiVlNyU4YyViZiVlOCViNSU4NCVlNiViYSU5MCVlNyVhYiU5OXZpcCVlNyU4OSViOSVlNiU4MyVhMC8="  target="_blank" rel="noopener noreferrer">
    <div class="Banner-adTag">广告</div>
    <img class="tirr" src="https://techape.oss-cn-hangzhou.aliyuncs.com/wp-content/uploads/2024/04/vipyh.gif" alt="创意横幅图片广告位">
  </a>
</div>

将下方CSS文件放入自己网站目录内，位置随便放，然后CSS路径填到上面HTML代码里去！

温馨提示：本文最后更新于2024-04-11 17:35:04，某些文章具有时效性，若有错误或已失效，请在下方留言或联系技术猿资源站。

也想出现在这里？联系我们吧

版权声明 1 本网站名称：技术猿资源站
2 本站永久网址：https://www.techape.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ:3243593013进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END