你曾经为自己的WordPress Themes Style 千篇一律而感到不好意思吗?确实,每当我点进别人的博客,发现风格竟然都一模一样,就感觉像是买了街机一样,没有新意。高中的Tea.Huang说过:人最可怕的就是万众一心;而我觉得其实大家长的像也挺可怕的。所以博主这几天正在致力于修改自己的Style,当然也包括了一些功能的添加。
一:音乐无处不在 —- Audio Player.
国内基本上所有Blog都是自带音乐播放器的,正好本人对音乐也情有独钟,所以第一件事就是为Blog增加播放器,主要想法是:把播放器置于侧边栏,供游客点击。行文至此,我又要吐槽一下了,很多QQ空间都设置了自动播放音乐的功能,好听也就罢了,遇到不好听的,关之唯恐不及!感同身受,所以我没有设置自动播放……
第一步,首先进入插件>安装插件>安装Audio Player。(这个默认大家都会了)
接下来如何给博客侧边栏添加播放器呢?点进插件的说明主页,我发现可以很方便的在文章中放置播放器,而没有提及侧边栏如何操作。我们可以点击外观>小工具,在里面可以看到有侧边栏的编辑窗口,此时我们拖进一个文本框。在文本框内容中添加如下代码:
<script type="text/javascript" src="/wp_content/plugins/audio_player/assets/audio_player_ver_2.0.4.1.js"></script> <script type="text/javascript"> /**播放器的外观设置,也可以在Audio Player设置中修改, *不过好像有点小BUG,本人还是推荐直接在这改 *另外以下代码中的www.ccpt.cc替换成你自己的地址。 **/ AudioPlayer.setup("/wp_content/plugins/audio_player/assets/player_ver_2.0.4.1.swf", {width:"200", //Player的宽度,可以适当调整和侧边栏同宽 animation:"yes", //player是否默认展开 encode:"no", //编码设定,不然可能找不到文件 initialvolume:"60", //初始音量 noinfo:"no", //Mp3信息 bg:"90EE90", //Player展开后的中间的背景 text:"8B795E", //文件信息的字体颜色 leftbg:"AFEEEE", //Player左边背景 lefticon:"8B7355", //音量按钮颜色 volslider:"666666", //已有音量颜色 voltrack:"FFFFFF", //空音量颜色 rightbg:"B0C4DE", rightbghover:"778899", //鼠标放上去后的变色 righticon:"333333", righticonhover:"FFFFFF", track:"FFFFFF", //歌曲信道颜色 loader:"009900", //已播放信道颜色 tracker:"DDDDDD", pagebg:"FAFAFA"}); //整个Player的颜色 </script> <p><span style="display:block;padding:5px;border:1px solid #dddddd; background:#f8f8f8" id="audioplayer_71"> </span></p> <script type="text/javascript"> AudioPlayer.embed("audioplayer_71", {loop:"no", //是否循环 autostart:"no", //自动播放,这个之前讲过原因啦 soundFile:"http://www.ccpt.cc/audio/That_Years.mp3, http://www.ccpt.cc/audio/Beautiful_Love_Song.mp3"}); //歌曲列表,用逗号隔开 </script>
相信有这么多注释,大家一定可以看得很轻松,接下来刷新你的Index吧~以后所有有侧边栏的地方就有你的Audio Player啦。
二:动态标签云 —- Tag Cumulus
一次偶然的机会在别人的Blog里看到了这种动态标签,就被深深吸引了。本想找博主讨教一二,可惜那博主不在线,无奈只得自食其力了。
首先当然也是安装插件:Wp-Cumulus。在插件官方说明中有三种添加此Widget的方法,经过本人测试感觉以下这种最好用,也简单易行。进入外观>小工具,发现Widget里面多了一个Wp-Cumulus的选项,直接拖曳进侧边栏就OK啦,设置方面自己随便调整一下就好了。
三:首页显示摘要 —-利用 more标签
我真的觉得想变得更强,只有多看强的人才是捷径。此前博主一共写了三篇博文,发现首页会把三篇全部全文都列出来,于是首页长度达到了骇人的地步,自然想到如果能在首页仅仅显示摘要或者文章开头就好啦。
WordPress有很多智能摘要的Plugin,但是我觉得那比较适合懒得或者忙的家伙,而自己更希望能自己提取Tag,关键词,所以选用了一下方法。如下代码所示:
The code before Abstract <!--more--> //起主要作用的代码 The code after Abstarct
只需要一行代码,首页就显示more标签以上的内容,是不是很方便也美观了呢?
四:分页 —- PageNavi
博主本人好高骛远的想到万一以后自己的博文多了那该怎么办,WordPress Twentyeleven并不提供分页的功能,所以又得忙活了。
首先还是安装WP-PageNavi插件。然后在外观>编辑>functions.php文件中找到一下代码并修改(可能你的functions.php不能修改。是因为你的文件的权限设置不对,你可以ssh主机通过chmod命令修改增加写权限)
function twentyeleven_content_nav( $nav_id ) { global $wp_query; if ( $wp_query->max_num_pages > 1 ) : ?> <nav id="<?php echo $nav_id; ?>"> <h3><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3> /*注释或者删掉以下被注释的代码并增加一行代码,详细见注释*/ /* <div><?php next_posts_link( __( '<span>←</span> Older posts', 'twentyeleven' ) ); ?></div> <div><?php previous_posts_link( __( 'Newer posts <span>→</span>', 'twentyeleven' ) ); ?></div> */ <?php wp_pagenavi(); ?> //增加这一行代码即可 </nav><!-- #nav-above --> <?php endif; }
网上的文章基本到这个时候就结束了。但是博主悲剧的发现分页导航还是没有起到作用。于是我想是不是因为只有一页,而没有翻页呢?但是我查看了分页设置,里面有一个选项:只有一个网页也显示导航。我是打钩了的。理应就算我只有一页也会显示的呀。无奈只要往源码里找答案。当我看到这一句的时候,我就凌乱了。
if ( $wp_query->max_num_pages > 1 ) : ?>
原来Twentyeleven主题和PageNavi中均对只有一页是否显示导航做了判断,而两个是属于“AND”关系,只有两者均判断显示,才会真正显示分页导航。这时才真正确认PageNavi是正常运行的。
五:侧边栏显示 —- Sidebar
Twentyeleven主题默认只在页面显示侧边栏,而在文章显示时没有。因此博主特地做了调查,发现文章边上显示侧边栏更受欢迎些。所以也Google修改了这一布局。
此改动需要改两个文件:其一single.php,找到如下代码位置,并增加一行
<?php get_sidebar(); ?> //增加的一行代码 <?php get_footer(); ?>
其二functions.php,找到如下代码,全部删除或注释
function twentyeleven_body_classes( $classes ) { if ( function_exists( 'is_multi_author' ) && ! is_multi_author() ) $classes[] = 'single-author'; if ( is_singular() && ! is_home() && ! is_page_template( '/showcase.html' ) && ! is_page_template( '/sidebar_page.html' *) ) $classes[] = 'singular'; return $classes; } add_filter( 'body_class', 'twentyeleven_body_classes' );
现在随便进入哪个文档就都有侧边栏啦。
也做个总结吧,我发现如果想给Blog添加插件,还是等到自己真正有用到这个插件的时候再去安装它,这样掌握会更深些。
我正准备弄Audio Player插件呢,这个东西很有用
Yang Jia 最近发布的文章..Windows Live Messenger所有联系人都不在线
这个在single.php中添加sidebar的办法挺好,我打算用它来实现相关文章插件。
Yang Jia 最近发布的文章..Windows Live Messenger所有联系人都不在线