广告

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

🎉 8 周年订阅优惠

我们在网站的主边栏上可以设置几个广告位,显示一些与我们网站内容相关的广告。我们可以使用一个叫 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;
}

广告《 WordPress 基础 》

统计

11470
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点