ZenOven's Archivers

From zenoven on 2010-02-28 15:44:20

WordPress单日志添加AD及sidebar小工具的应用

1、单日志添加AD(如Google AD)

WordPress中single.php是单篇日志模板,如果需要在单篇日志中加入GoogleAdSense或是其他广告,这样做。

找到你所在主题中single.php如下代码
<?php the_content(); ?>
在其前面加入
<!-- AD START -->
<div style="float:right;margin-left:5px;">
此处放入广告代码
</div>
<!-- AD END -->
这样修改后效果是广告在日志右上角显示,效果在我的日志中就可以看到。

如果要改为左上角显示可以在<?php the_content(); ?>前面加入如下代码(这些都是DIV+CSS的应用,有基础的朋友可以根据情况自己修改)
<!-- AD START -->
<div style="float:left;margin-right:5px;">
此处放入广告代码
</div>
<!-- AD END -->
2、WordPress中sidebar小工具的应用

现在大部分WordPress主题都包含了小工具(widget),本文主要介绍下WordPress中小工具的原理。

A sidebar中只有1个widget

(1) WordPress主题所在目录中functions.php中的如下代码是注册一个widget
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));
(2) sidebar中的如下代码是用来显示这些注册过的widget中的内容
<?php if ( !function_exists('dynamic_sidebar')|| !dynamic_sidebar() ) : ?>
<?php endif; ?>
(3)有了这些代码后我们就可以在WordPress后台的小工具中随意添加代码了。

另外如果没有(1)中的代码,那么在后台就查看不到小工具了,此时就相当于主题不支持widget,如果没有(2)中的代码,在WordPress后台能添加widget,但是在WordPress中不能显示这些widget中的内容。

B sidebar中有多个widget

(1) 和只有1个widget情况类似,只是functions.php中相关代码改为如下(此例中有两个widget,名字分别为widget1 widget2)
if( function_exists('register_sidebar') ) {
 register_sidebar(array(
  'name' => 'widget1',
  'before_widget' => '<div id="%1$s">',
  'after_widget' => '</div>',
  'before_title' => '<h3>',
  'after_title' => '</h3>'
 ));
 register_sidebar(array(
  'name' => 'widget2',
  'before_widget' => '<div id="%1$s">',
  'after_widget' => '</div>',
  'before_title' => '<h3>',
  'after_title' => '</h3>'
 ));
}
(2) sidebar中的如下代码是显示注册过的widget1和widget2中的内容
<?php if ( !function_exists('dynamic_sidebar')|| !dynamic_sidebar(widget1) ) : ?>
<?php endif; ?>

<?php if ( !function_exists('dynamic_sidebar')|| !dynamic_sidebar(widget2) ) : ?>
<?php endif; ?>
注:在以上A和B中的步骤(1)中register_sidebar的参数要因主题的不同需要做修改,用法可以参考http://codex.wordpress.org/Function_Reference/register_sidebar

查看完整版本: WordPress单日志添加AD及sidebar小工具的应用

From QiQBoY on 2010-02-28 15:57:11

先沙发。。。。。

From zenoven on 2010-02-28 16:00:49

:(4): 又换头像了?

From QiQBoY on 2010-02-28 16:06:43

是呀。。。。。。一个有些囧的头像。。。 :(18): :(18): :(18):

From 江流 on 2010-02-28 20:14:50

呵呵 留待日后用

From 万戈 on 2010-02-28 21:11:33

我是把广告加在functions.php中的,这样可以连feed一起输出 :(16):

From Louis Han on 2010-02-28 22:24:42

我的广告已经够多了~

From asuka on 2010-03-01 10:43:37

请问怎么让文字围绕在AD周边呢?

From 笨笨 on 2010-03-01 12:44:28

笨笨的博客可干净了,没一点广告,我也想让他乱点,可惜乱不起来。。。没什么好广告可挂

From 卢松松 on 2010-03-01 13:01:02

zblog用户飘过

From Jclyn on 2010-03-01 18:09:34

我算是看出来了 这句代码的位置好重要

From 从前网 on 2010-03-01 19:26:37

:(4): :(4): :(4): typecho的顺带支持

From 宁波SEO on 2010-03-01 23:05:51

好东西,收藏了,谢谢分享。

From zenoven on 2010-03-02 00:21:56

我开始也想着让在feed里显示,不过想想既然人家订阅了,再显示就不太好了,况且订阅的基本上没人会点 :(9):

From zenoven on 2010-03-02 00:22:26

我的还不多,但是点击率仍然很低 呵呵 :(8):

From zenoven on 2010-03-02 00:22:43

嗯 :(4):

From zenoven on 2010-03-02 00:31:56

这个我暂时还没考虑过 应该是CSS实现吧

From zenoven on 2010-03-02 00:32:19

也是,现在好广告不多啊。。。

From zenoven on 2010-03-02 00:36:39

好像松松的AD是被文字包围的,不知道这效果是咋实现的呢?楼下正好有朋友问 呵呵 :(4):

From zenoven on 2010-03-02 00:44:00

是啊。。。不同位置效果很明显的

From zenoven on 2010-03-02 00:48:11

如果我换程序的话 首选就是typecho了 我这两天试过了 速度很赞哪 :(4):

From 猫哥 on 2010-03-02 11:08:18

要是不要改代码就好了。

From liuzm on 2010-03-02 13:46:01

呵呵,好东西哦,学习了

From 先看看 on 2010-03-02 13:56:18

一直有在用

From xl on 2010-03-02 16:33:52

:(14): 好深奥的东西啊~

From Firm on 2010-03-02 18:09:14

AD我习惯加在左边

From 园子 on 2010-03-02 18:26:21

很实用的技巧 呵呵。

From simple on 2010-03-02 20:20:54

:(1): 很实用,但我用不上。

From 有点宅。 on 2010-03-02 21:23:01

:(6): 钱赚到发软了吧~

From zenoven on 2010-03-02 22:12:50

呵呵 代码有时还是很有用的。

From zenoven on 2010-03-02 22:13:15

哈哈~~ 有用就好

From zenoven on 2010-03-02 22:14:10

呵呵 那我落后了啊 :(4):

From zenoven on 2010-03-02 22:14:42

:(22): 看你说的。。。你不也在搞么

From xl on 2010-03-02 22:16:07

搞啥 我的gg现在点了还没1刀呢 有一次我自己点了一下0.44 哈哈

From zenoven on 2010-03-02 22:16:22

嗯,都不错的 :(3):

From zenoven on 2010-03-02 22:17:52

有用就好 :(4):

From zenoven on 2010-03-02 22:18:24

呵呵 以后用到了再来看 :(4):

From zenoven on 2010-03-02 22:18:46

:(19): 要赚到发软我就不放了

From aluxixi on 2011-03-29 21:31:23

很实用的代码,收藏了谢谢 :(1):

Tags: widget, WordPress, 单日志, 小工具, 添加广告


©ZenOven