WP Widget:Audio,PageNavi,Tag Cumulus ……

你曾经为自己的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>
      */
      &lt?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添加插件,还是等到自己真正有用到这个插件的时候再去安装它,这样掌握会更深些。

WP Widget:Audio,PageNavi,Tag Cumulus ……》上有 2 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge
#116 #115 #114 #113 #112 #111 #110 #109 #108 #107 #106 #105 #104 #103 #102 #101