newspaper 主题中,文章内,侧边栏等如何添加广告位

32

newspaper是一款很强大的主题,国内有不少人还对该主题进行了汉化破解,小编因为对其汉化感觉极其麻烦,每次需要更改文件,而不是像其他主题一样,有一个语言包,直接进行汉化就可以了,所以我更喜欢英文原版的。

不过后续,小编会对这款主题做一些相应的优化,同时把教程分享给大家,让大都能够做出自己喜欢的网站。

今天我们一起来谈谈newspaper如何添加一个广告,以及广告该怎么添加,毕竟,不管网站流量大小,添加广告位,总体来说还是很不错的,多少还是有点收入的。接下来,我们就一起来看看,如何添加广告位。

首先我们打开主题设置,然后进入ADS选项,我们可以看到里面广告的位置设置,不懂的可以翻译,不过一般顺序是:顶部广告栏,侧边栏,文章顶部,文章中间,还有文章底部。剩下的基本上就是自定义。

其实官方文档也有一些关于代码的说明,由于广告不属于收录内容,所以建议大家添加nofollow标签,例如:

例如:<a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" rel="nofollow" /></a>

以下是官网给出的代码,这里给大家解释以下,我们可以看到,不同代码都有不同设备的对应,例如td-visible-desktop只对电脑桌面有效,也就是只要通过PC端访问,广告才能够显示出来,当然你也可以选择全部显示,在单独设置,建议大家一定要加上样式代码,否则样式会很难看。

<div class="td-all-devices">
 <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" /></a></div>
<div class="td-visible-desktop">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" /></a></div>
<div class="td-visible-tablet-landscape">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" /></a></div>
<div class="td-visible-tablet-portrait">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec200.jpg" alt="" /></a></div>
<div class="td-visible-phone">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec200.jpg" alt="" /></a></div>

上面的意思是全平台,只针对PC端,只针对平板,只针对移动电话。当然你可以选择直接放图片,或插入其他联盟广告平台代码,然后接下来我们继续往下看:

我们可以看到有很多禁止选项,后面还有尺寸限制,这样可以很好的防止样式过大,而导致一些不必要的错误,把那个按钮打开就是禁止在哪个平台显示的意思,还是挺人性化话的。

如果大家喜欢这款主题的话,可以自己进行下载newspaper V9.7.3

好啦,基本讲解就到这里了,大家哪里有疑问,欢迎大家随时讨论。

发表意见

Please enter your comment!
Please enter your name here