sidebar ,顾名思义,就是wordpress里面的侧边栏,web2.0时代,越来越多的服务提供了个性化的内容远程调用的服务,比如feedsky的统计,订阅等功能,flickr,bababian的图片调用功能,钱包网的花费调用功能,google reader的分享功能,恩恩,很多很多,这些功能当然最佳位置就是sidebar显示,不过你要是硬要在header或者bottom里面加。。。 我随意啦。 一般的风格里面都有独立的sidebar,默认风格同样,文件名称为sidebar.php,里面就是用来构建sidebar页面的。用记事本打开就好,我用自己的风格为例。
</div>
<div id=”sidebar”>
<ul> <?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<li id=”search”> <?php include (TEMPLATEPATH . ‘/searchform.php’); ?> </li>
<?php wp_list_pages(’title_li=<h2>’ . __(’Pages’) . ‘</h2>’ ); ?>
<li id=”archives”> <h2><?php _e(’Archives’); ?></h2> <ul>
<?php wp_get_archives(’type=monthly’); ?> </ul> </li>
<?php /* Uncomment this to display the calendar <li id=”calendar”><div> <?php get_calendar(); ?> </div></li> */ ?>
<li id=”categories”>
<h2><?php _e(’Categories’); ?></h2>
<ul> <?php wp_list_cats(); ?> </ul> </li>
<?php if (function_exists(’wp_theme_switcher’)) { ?>
<li>
<h2><?php _e(’Themes’); ?></h2>
<?php wp_theme_switcher(); ?> </li>
<?php } ?> <?php if (is_home()) { get_links_list(); } ?>
<li id=”meta”>
<h2><?php _e(’Meta’); ?></h2> <ul>
<?php wp_register(); ?> <li><?php wp_loginout(); ?></li>
<li><a href=”<?php bloginfo(’rss2_url’); ?>” title=”<?php _e(’Syndicate this site using RSS’); ?>”>
<?php _e(’Entries <abbr title=”Really Simple Syndication”>RSS</abbr>’); ?></a></li>
<li><a href=”<?php bloginfo(’comments_rss2_url’); ?>” title=”<?php _e(’The latest comments to all posts in RSS’); ?>”><?php _e(’Comments <abbr title=”Really Simple Syndication”>RSS</abbr>’); ?></a></li> <li><a href=”http://wordpress.org” title=”<?php _e(’Powered by Wordpress, state-of-the-art semantic personal publishing platform.’); ?>”>Wordpress</a></li> <?php wp_meta(); ?> </ul> </li> <?php endif; ?> </ul> </div> 很乱吗,梳理一下就容易了 <li></li> 既为列表显示,一个li结构即代表一个内容分类。 HTML li的定义 ,简单的想就是“一块” 而里面的”li id=” 就是代表这个块的定义 ,即块的名称。 HTML li的定义 ,简单的想就是“一块” 像我首页的
这几种块,相对应您应该就能看出结果了吧。会英文的就更容易对上了 现在我来加入feedsky提供的订阅功能代码 按照重要性来看,订阅功能应该是已经获得用户认同,提供了用户需要的内容,才会得到订阅,所以,放到文章分类下感觉比较合理。 所以直接放到 id=categories的层下面,加入一个内容 加入内容的时候真是着实费了一番功夫,终于弄明白了,不过还是有些bug,有懂得来帮助一下哦,谢谢
<li id=feedsky>
<h2>分栏标题</h2> 注意,这里面一定要用h2代码,因为已经定义好css样式了,使用起来会比较方便 <ul>分栏内容</ul> 分栏内容同样要放到ul标签面,同样因为已经定义好css了,否则没有背景图片 </li> 注意编辑完成之后,一定要使用UTF-8的方式保存,保存时参数里面可以选择,然后上传,覆盖即可。 这样就已经实现功能加入了,不过我这个加入的还是有bug,即鼠标移动到按钮时背景图片消失了,实在不知道什么原因,也尝试了定义标签的css,结果发现对JS不生效,所以,所以。。。。。 先忍了,暂时研究出来这些,希望对大家有用。
作者: 猪猪
原载: 猪窝
版权声明:转载时必须以链接形式注明作者和原始出处及本声明。
plug in sidebar wordpress