我们在网站的主边栏上可以设置几个广告位，显示一些与我们网站内容相关的广告。我们可以使用一个叫 WP125的插件，你可以设置广告图片还有广告的显示时间，而且还可以统计广告的点击次数。

打开 插件，安装插件，搜索 WP125 … 现在安装 … 然后点击 启用。

启用以后在后台菜单栏上会多了一个 Ads …

点击打开 … 然后点击 添加新的广告 … 先输入一个广告的名称 …

位置这里可以选择广告的位置 … 这里默认有六个位置 … 在 设置里你可以修改这个默认的值。

目标网址这里就是用户点击广告图片打开的地址 …

有效期就是广告展示的期限 …

然后我们上传一张广告图片 …

最后点击 保存 ….

在 外观 这里，找到 小工具 … 在可用小工具里你可以看到 WP125 … 把它放在主边栏上 …

回到前台我们预览一下 …

默认会显示六个广告位 … 第一个广告位里的广告就是我们刚才创建的，其它的都是空白的广告位。

你可以创建一个购买广告位的介绍页面，然后在 WP125 的设置里设置一下…

这样用户点击空白的广告，就会显示如何购买广告位的页面内容了。

现在广告位的排列有点问题，默认应该显示两列，只所以显示成一列，是因为主边栏上没的足够的空间容在一行显示两个广告位。

下面我们可以修改一下这人地方的 CSS 样式，我们可以缩小广告图片 …

先用 Chrome 浏览器的开发者工具查看一下这个地方的样式 …

你会发现，包围每个广告位的元素的四周都应用了10像素的内边距，我们可以修改一下，去掉所有的内边距，只留下奇数广告位右边的10像素的内边距 … 统一添加一个10像素的下边的外边距。

再缩小一下元素的宽度，这里是 125 px，我们可以改成 120 px。

先复制一下这个选择器 ...

我们可以把这些样式放在主题的样式表里 … 打开 WordPress 目录，wp-content/themes

找到我们正在使用的 fenikso 这个主题 … 打开 style.css 样式表

浏览到样式表的最义底部 … 输入 ...

/*WP!125*/

#wp125adwrap_2c .wp125ad{
padding: 0;
width: 120px;
margin-bottom: 10px;
}
#wp125adwrap_2c .odd{
maring-right: 10px;
}