新手教新手–添加自定义侧栏

wordpress

本文仅为菜鸟所写,高手请飘过。使用Wordpress的Blogger新手们,当你千辛万苦地找到了一个你喜欢的模板之后,却发现这个模板却不支持自定义侧栏这功能,你是否会感到很失望?不用怕,通过简单的修改,就可以令你这个PP模板变成可自定义侧栏版本哦。

1.functions.php

一般的Wordpress主题里面都可能包含到这个PHP文件,假如没有的话还不简单,新建一个就ok了。之后在里面添加这一段代码:

<?php if ( function_exists(’register_sidebar’) ) register_sidebar(); ?>

这样就声明了定义一条自定义的侧边栏了。模板是3栏式双侧栏?不怕,再看下面:

<?php if ( function_exists(’register_sidebars’) ) register_sidebar(×); ?>

写着星号的地方就是填侧栏个数的地方,你想要5侧栏?那就写换个5上去吧。(不过要那么多干嘛)

2.sidebar.php

通过上面的那一步,你已经至少声明了一条自定义侧栏了。那么,就开始用吧。(唉,废话太多了)

看这段代码:

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

……

<?php endif; ?>

有编程基础的人看这段代码一看就会明白,不过,看这里的基本都是新手,所以还是解释一下。最上面的那一句的意思就是:假如不存在dynamic_sidebar这个方法(即自定义侧栏)或者没有运行dynamic_sidebar方法(使用自定义侧栏,那里不是提示假如没有添加任何元素,则按默认显示吗?)的时候就显示下面的东东,省略号就代表那些东东了。最下面那句是结束判断的,语法问题,不懂的话就按这个照搬就好了。

那这代码放在哪里呢?其实可以放在任何一个你想放的地方,但严格来说又不行。

以我现在的模板为例

<!– begin sidebar –>
<div id=”menu”>
<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<h2>Pages</h2>

……

<div>

……

</div>

……

<?php endif; ?>
</div>

在sidebar.php里面,我的侧栏被定义为”menu”,这个是和样式表对应的。所以,要使你的自定义侧栏使用这个“menu”的样式,那么你就应该像上面那样,将自定义侧栏放到<div id=”menu”>……</div>之间

注意:<div> ……</div>是一个完整的闭合区域,必须确保是对应的,不然会出现画面错乱或者白屏现象。

好,通过以上,自定义侧栏就已经成功了,通过在后台管理可以进行自定义侧栏,不过前提是已经开启侧栏管理插件,并且Wordpress版本支持。

3.多侧栏

通过第2步,完成了一条侧栏的改造。那么多侧栏的情况是如何的呢?和以上有少许不同,请看代码:

<?php if ( !function_exists(’dynamic_sidebars’) || !dynamic_sidebars(1) ) : ?>

……

<?php endif; ?>

和上面有少许不同的是’dynamic_sidebars’和dynamic_sidebars(1) 这两个,前面那个可以照搬,后面这个就要看你在functions.php里面声明了多少个sidebar了。例如你声明了2,那么dynamic_sidebars(×)的星号位置最小值是1,最大值是2,其余类推。

同时,使用方法和第2步类似,我就不多说,之需要注意位置就可以。

4.任意位置

上面说了,可以在任意位置放置自定义侧栏。我曾经在footer.php放置过一个,用于显示标签云(连我自己都汗一个),当然也可以添加其他的显示,只要你的模板区块里面有。

使用方法就不说了,还是那句话,和上面类似,注意标签闭合。还有,注意样式。你不想你在哪里放置一块东西会和你现在的主题完全“格格BLUE”的话,那还是要学一下div和css的,这就不属于这篇东东的范畴了。

口水干了,猪大家“玩”Wordpress愉快,有问题可以给我留言,没问题也希望可以给我留点口水,文字功底烂,见笑了。

PS:模板玩玩就好,重要的还是写东西呀,兄弟姐妹们~!

17fav 收藏本文

相关日志


  1. 开往柳营的拖拉机 said at September 6, 2007 10:02 pm

    俺要努力学习下网页语言了挖

    [Reply this comment]

  2. KeenPer said at September 6, 2007 11:15 pm

    最后一句说到我心窝里去了

    [Reply this comment]

  3. 旮旯里的先行者 said at September 8, 2007 12:29 pm

    太好了,这篇文章对我帮助太大了,呵呵

    [Reply this comment]

Leave a Reply

*(Will not be publiced)



@2007-2008 wgmcn.com All Rights Reserved.
Power by WordPress. Sea Blue theme by Kevin.

收藏 & 分享

Powered by 17fav.com