10月 282014
 

“大鹏志”博客目前使用的是suffision主题。这个主题功能强大,而且免费,最重要的是,它在简洁和美观之间找到了平衡点。自从用了suffision主题,我就再也不想换用别的了。前不久,给博客添加google adsense广告时,我不知道该如何操作。网上有这方面的教程,但并不适用于suffision主题。试来试去,我摸索出了给suffision主题添加广告的方法。

说来简单,添加广告只需注意两点:一是按照固定的格式写好代码,二是在wordpress后台找到合适的位置填入即可。

第一,添加广告的代码格式:

<div style=”float:right; padding-bottom:10px;padding-top:10px;”>你的广告代码</div>

float:left是靠左,float:right是靠右.

第二,添加广告代码的位置。这个稍微复杂一点。我的博客在文章页的首尾、首页的首尾以及侧边栏这5个位置添加了广告,代码位置分别是这样的:

WordPress文章页添加环绕广告

进入你的博客后台–>外观–>编辑,在右侧的模板列表里找到’文章页面(single.php)’(注意:不是now-reading/single.php!),点击。在左边的编辑窗口里找到下面的代码:

<?php
        suffusion_content();
?>

在上面这段代码前填入广告代码,就实现了在文章页顶部展示广告。

若要在文章尾部展示广告,只要在下面的代码后面填入广告代码即可。

<?php
        // Due to the inclusion of Ad Hoc Widgets the global variable $post might have got changed. We will reset it to the original value.
        $post = $original_post;
        suffusion_after_content();
?>

WordPress首页添加广告

仍然在右侧的模板列表里,找到index.php,打开,找到如下代码:

<?php suffusion_before_begin_content(); ?>
        <div id="content" class="hfeed">
<?php

在上面这段代码前填入广告代码,就实现了在博客首页顶部展示广告。

若要在首页底部展示广告,只要在下面的代码后面填入广告代码即可。

else {
    suffusion_after_begin_content();
    get_template_part('layouts/layout-blog');
}
?>
      </div><!-- content -->

WordPress侧边栏添加广告

这个最简单。进入你的博客后台–>外观–>小工具,给侧边栏添加个文本小工具,把广告代码作为文本内容填进去就行了。

  41 Responses to “WordPress的Suffision主题添加AdSense广告”

  1. 不到坛子那个级别的访问量,用博客赚广告费恐怕连空间和域名都很难养得起啊。。。

  2. 我不知道大鹏的广告效果如何,依我个人意见,你这样的广告投放布局不见得是最佳的,建议,采用我那样的方式,效果我就不说了。

  3. 侧栏的广告不错,但是位置不行,反而拉低了价格。建议两个就行了,因为价格由最低的那个定。

    • 我是希望显示器上一次只出现一个广告,所以把侧栏的广告放低,以便在下拉浏览器滚动条后出现。价格由最低那个决定是什么意思?点击最少的那个?另外,我没有仔细阅读条款,但从你那里给我的感觉是,不允许公布广告收入情况,对吧?

  4. 对广告已经绝望了。。。

  5. 1:放两个广告
    2:广告尺寸用 330×268; 300×250 或者 768×480
    3:尝试 responsive (自适应尺寸)
    4:Less is More!

  6. 关了adblock一看,广告条幅真大,丑!

  7. 你右边的广告感觉有一小部分被遮挡了。。
    而且浮动的是不被允许的。

  8. 改代码我还是蛮喜欢的,现在没那么多时间了。

 填写评论

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(必填)

(必填)

This site uses Akismet to reduce spam. Learn how your comment data is processed.