WordPress网站几个通用的广告位占位/招租代码实例分享

WordPress是一款个人博客系统，并逐步演化成一款内容管理系统软件，它是使用PHP语言和MySQL数据库开发的，用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。

WordPress有许多第三方开发的免费模板，安装方式简单易用。不过要做一个自己的模板，则需要你有一定的专业知识。比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。

一些用户问WordPress广告位的占位代码怎么写，要想让别人知道这是一个广告位，前提是要稍微醒目一点，且还不能够太丑，下面分享几个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>