wordpress文章中任意位置插入广告的方法和步骤详解

在Wordpress侧栏放置广告:
这个最简单也最常见,打开使用中的主题文件夹找到“sidebar.php”,加入下面的代码,把widget改成你主题侧栏使用的样式,活者自定义一个:
<div class=”widget”>
 <h3>Ad – Google</h3>
这里是广告代码
</script>
 </div>

在Wordpress文章(内容)页放置广告:
这个也比较常见,打开“single.php”,找到php the_content();

在Wordpress日志内容顶部加广告:
在php the_content();上面加上广告代码即可:
如:
<div style=”padding:3px 0″>
广告代码 
</div>

<?php the_content(); ?>
在Wordpress日志内容下面加广告
方法类似于在日志上面加广告,不同的是广告代码要加在php the_content(); 下面
<?php the_content(); ?>
<div style=”padding:3px 0″>
广告代码 
</div>
在Wordpress日志左侧加广告
这种样式的广告最常见,感觉也是最美观的,有人称这种效果叫“画中画广告”,也就是文字围绕广告。方法类似于在日志上面加广告,实现的关键是float:left:
<div style="float:left">广告代码</div>
广告代码
</div>
<?php the_content(); ?>

1. 在Wordpress文章內容顶部加广告:

打开主题目录下的”single.php”,找到”<?php the_content(); ?>”代码所在的地方。

在”<?php the_content(); ?>”上面加上广告代码即可,示例:

<div style=”padding:0px 10px″>

AD

</div>

<?php the_content(); ?>

2.在Wordpress文章內容底部插入广告

方法类似于在文章顶部插入广告,不同的是广告代码要加在“<?php the_content(); ?>”下面,示例:

<?php the_content(); >

<div style=”padding:0px 10px″>

AD

</div>

3.在Wordpress文章左侧或右侧插入广告(文章围绕广告,画中画,文章页广告)

方法类似于在文章顶部插入广告,实现的关键是用float控制图片或者文字广告浮动位置,示例:

<div style=”float:left(right); padding:0px 10px″>

AD

</div>

<?php the_content(); ?>

4.在WordPress文章任意位置插入广告

首先需要編寫一段關於Google AdSense的短代碼並加入到funtions.php文件裡。下面是一個Google AdSense段代碼的示例:

function do_adsense() {

$adsense = “你的AdSense代碼”;

return $adsense;

}

add_shortcode(‘adsense’, ‘do_adsense’);

完成上面的代碼後,我們需要在wp-includes/js資料夾下的quicktags.js文件裡加入一段代碼。不過操作順序應該是,在quicktags.dev.js文件裡加入代碼:

edButtons[edButtons.length] =

new edButton(‘ed_adsense’

,’adsense’

,’[adsense]‘

,’ ‘

,’adsense’

);

然後將quicktags.dev.js更名為quicktags.js,替換原有的quicktags.js文件。(為防止意外情況發生,請事先備份這兩個檔)

保存並刷新後台的編輯介面,你就會看到新的編輯按鈕了,當然你也可以稍微改動其中的代碼來添加其他廣告按鈕。

相关文章

已有 7 条评论
  1. 马克互联网

    4.在WordPress文章任意位置插入广告
    一直想找实现这广告的方法,非常感谢
    期待回访马克互联网

    马克互联网 回复
  2. 阿疯

    无效啊.不行..
    不知道为什么添加到single.php上的代码就是不显示.
    添加到小工具的侧边栏显示就没问题.

    阿疯 回复
    1. 瑶哥

      @阿疯

      或许是模版的问题,你可以试试在WP默认模版下添加。

      瑶哥 回复
      1. 阿疯

        @瑶哥

        没办法..只能用插件实现..唉.无奈..

        阿疯 回复
        1. 瑶哥

          @阿疯

          插件能实现不是更好,改代码还麻烦了。

          瑶哥 回复
          1. 阿疯

            @瑶哥

            能用代码实现的..当然都想用代码实现...

            阿疯 回复
  3. 振动分析仪

    看晕了。。。。。。。。

    振动分析仪 回复
发表新评论