wordpress通用网站广告位占位以及招租代码实例

[重要通告]如您遇疑难杂症,本站支持知识付费业务,扫右边二维码加博主微信,可节省您宝贵时间哦!

广告位，没啥可说的，分享几个广告位的占位代码来方便大家

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

复制以下代码到主题设置-自定义代码-自定义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>

问题未解决？付费解决问题加Q或微信 2589053300 (即Q号又微信号)右上方扫一扫可加博主微信

所写所说，是心之所感，思之所悟，行之所得；文当无敷衍，落笔求简洁。 以所舍，求所获；有所依，方所成！