映凡博客资源网
我们一直在努力

【wordpress】WordPress常用的文字广告、图片广告和联盟广告代码的使用方法【DUX主题】通用的网站广告位占位/招租的代码实例。

【wordpress】WordPress常用的文字广告、图片广告和联盟广告代码的使用方法

几乎我们全部的主题都有自定义广告位的功能,部分站长用户不明白怎么使用,带大家学习一下如何自定义自己的文字广告、图片广告和联盟广告。

文字广告

下面的是最常见的文字广告代码:

<a href="链接地址">显示的文字</a>

文字链接在新窗口打开的代码:

<a href="链接地址" target="_blank">显示的文字</a>

链接添加nofollow的代码:

<a href="链接地址" target="_blank" rel="nofollow">显示的文字</a>

图片广告

下面的是最常见的图片广告代码:

<a href="链接地址"><img src="图片地址"></a>

图片链接在新窗口打开的代码:

<a href="链接地址" target="_blank"><img src="图片地址"></a>

链接添加nofollow的代码:

<a href="链接地址" target="_blank" rel="nofollow"><img src="图片地址"></a>

只显示图片,不加链接的代码:

<img src="图片地址">

联盟广告

几乎所有联盟广告的代码都是JS代码,包括常见的百度联盟、阿里妈妈、谷歌广告联盟、京东联盟、携程联盟等等,你只要复制这些联盟广告代码到广告位的输入框中即可。

 

【DUX主题】通用的网站广告位占位/招租的代码实例

一些用户频繁问道广告位的占位代码怎么写,要想让别人知道这是一个广告位,前提是要稍微醒目一点,且还不能够太丑,所以,我们就分享几个广告位的占位代码来方便大家。

广告位占位代码 实例一:灰色虚线链接框

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{border:2px dashed #aaa;padding:40px 15px;font-size:14px;background-color:#fff;display:block;text-decoration:none;color:#888;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#666;color:#444;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改。

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

广告位占位代码 实例二:深灰底白色字链接块

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{padding:40px 15px;font-size:14px;background-color:#666;display:block;text-decoration:none;color:#fff;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#555;color:#fff;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

广告位占位代码 实例三:浅灰链接块

复制以下代码到主题设置-自定义代码-自定义css样式中

a.tbaru{padding:40px 15px;font-size:14px;background-color:#f6f6f6;display:block;text-decoration:none;color:#aaa;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#eee;color:#666;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示的广告位代码框中,其中的中文字可按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">这是一个广告位,电脑和手机可分别设置</a>

关注公众号:皮皮模仿站

赞(2) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《【wordpress】WordPress常用的文字广告、图片广告和联盟广告代码的使用方法【DUX主题】通用的网站广告位占位/招租的代码实例。》
文章链接:https://www.1457vip.com/2490/
网站说明:本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
资源备注:本站资源来源于网络采集,版权归原作者所有,如有侵犯原作者权益,请及时联系我们,我们将在72小时之内删除文章资源。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

映凡博客资源网&映凡博客网&皮皮模仿站

首页隐私政策

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏