Let's whisper » theme http://www.whisperer.name Let's whisper. Thu, 02 Feb 2012 05:52:40 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 iNove修改小记 http://www.whisperer.name/2011/08/some-theme-changes/ http://www.whisperer.name/2011/08/some-theme-changes/#comments Sat, 06 Aug 2011 09:45:42 +0000 whisperer http://www.whisperer.name/?p=96 这是一则WP折腾的流水账，近几天的一些大修小补，不说出来我怕你们发现不了 :-P

嵌套评论

　　这是最重要的改变，我爱iNove的@对话式评论，但是我更爱嵌套。WP升级到3.x后Quick Comments不能用了，没有Ajax评论可不行，我想用Willin的Ajax comments，这也促使我做出改变。过程之曲折自不必说，参考了几个模板，结果就是你现在看到的样子。照顾了以前的@评论，保留@悬浮提示（IE不好意思啦，CSS3属性）。

Willin系列

　　真正的大师有木有！除了Ajax Comments，我还一口气用上了他的Comment Mail Notify（代替Mail To Commenter），小墙（代替Akismet），my-visitors（代替WP-Postviews和WordPress Database Backup），Mini Pagenavi（代替WP-PageNavi）。Willin的插件都很精悍，除了这些插件，很多WP问题在他那儿都有答案。(不一一ping了)

侧边栏最新评论

　　也是由于WP升级，mg12的wp-recentcomments插件不能用（现已升级），侧边栏的最新评论改用代码插入，效果也不错。评论比较长的话把鼠标移到最后的“»”上试试。如果是在文章页面，你还可能看到下面这个模块。一排都是自己的头像，有木有小震撼小惊喜？方法来自万戈。

jQuery效果

　　既然加载了几十K的jQuery，为什么不好好利用一下。比如右上角的订阅，比如评论框。

　　编辑器去掉了js几十k的QuickTags，换成非插件给wordpress加上评论编辑器，原作者不知是谁（更新：qiqiboy）。

　　关于评论表情，A.shun用高亮的字体说过，“作为一个懒人，我不允许在自己的博客上插入一个表情要点两下鼠标。” 很不幸，我用的Highslide4WP就需要点两下鼠标，好吧，我也算懒人，于是表情改为了代码插入。而且特意用了hover动作，不知道算不算只点一下鼠标，A.shun给过吗? :-o

插件的去留

　　除了以上提到的这些，受升级影响还停掉了Easyarchives。用上了zwwooooo的代码实现WordPress归档页面模板。

　　新添加的插件，External Links，文章内容中的外部链接的标示就是用它实现的。Gravatar Signup Encouragement，如果评论者填写的邮件没有用Gravatar，会给一个提示，引导他去设置头像。这两个插件都可以用代码实现，懒得折腾了，腻了就停掉。

目前的问题和bug

　　回复评论时，如果评论框里有输入，点击“取消回复”后，不能清空输入内容。</>

　　用jQuery.mini 1.3.2有下面两个bug，目前我在用1.3.1，一切正常。

　　SlideDown效果失去焦点时，如果再点击目标时，又重复Slidedown一次。形象一点就是点击一下评论框，编辑器滑出，点击评论框以外位置，编辑器并没有收回，但是再点击评论框时，编辑器还是有滑出动作。（是不是我代码写的不对？）

　　经过嵌套评论的@回复，悬浮效果会有“双眼皮”，如下图。

　　最后，有没有简洁的图片插件推荐？只要能实现点击缩略图能打开原图就可以。现在我用的是Showfom小盆友的Auto HighSlide。

特别鸣谢

　　Willin Kan ZWWoOoOo 万戈 A.shun

　　如果你们有访问统计的话，会发现最近有很多来自我的PV，哈哈。

　　折腾了好久，除了很多不值一提的小修补，发现也没多少值得写的，不过，会不会有人问，这个主题为什么叫iNove？

Related Posts

]]> http://www.whisperer.name/2011/08/some-theme-changes/feed/ 45 美化iNove的Google自定义搜索 http://www.whisperer.name/2009/09/improve-the-google-custom-search-results-of-inove/ http://www.whisperer.name/2009/09/improve-the-google-custom-search-results-of-inove/#comments Tue, 01 Sep 2009 11:56:54 +0000 whisperer http://www.whisperer.name/?p=42 iNove主题在后台的“主题选项”中设置了一个定制Google自定义搜索的功能，以优化WordPress的搜索结果。我一直没有启用这个功能，直到看到A-shun同学折腾后的搜索页面，恍然大悟，原来我也是想要搜索结果在当前主题内展示，而不是跳转到Google的页面。我也做出了一些改变，把搜索结果页面整合到了主题中，具体的效果，可以到NeoEase和Let's whisper随便搜索些东西来比较一下。 [比较这里吧：前 | 后]

其中参考了我爱水煮鱼的教程，如果你不是用iNove，可以直接看那篇教程。以下我就针对iNove，开始：

1、登陆到Google自定义搜索，创建你的自定义搜索。（此处略去x百字）

2、创建一个搜索结果模板。把下面代码保存为cse.php，上传至iNove主题的文件夹。（cse意为custom search engine，你可以换成其他）

<?php
/*
Template Name: cse
*/
?>

<?php get_header(); ?>
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth =600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
<?php get_footer(); ?>

var googleSearchFrameWidth =605为搜索结果页面的宽度，iNove默认的宽度是605。

3、在WordPress中创建一个页面，比如我的，地址为http://www.whisperer.name/cse，标题为Search Result，模板选择刚刚创建的cse。

然后在导航栏隐藏这个页面，在iNove的文件夹找到templates/header.php，找到下面一行：

wp_list_pages('title_li=0&sort_column=menu_order');

改成，

wp_list_pages('title_li=0&sort_column=menu_order&exclude=41');

其中exclude=41意思是在导航栏隐藏这个cse页面，41是这个页面的ID，在/wp-admin/edit-pages.php页面，鼠标悬浮在页面的标题上，在下面状态栏就可以看到post=41。

4、定义搜索框。仍然是templates/header.php，找到下面代码:

<form action="http://www.google.com/cse" method="get">
    <div class="content">
        <input type="text" class="textfield" name="q" size="24" />
        <input type="submit" class="button" name="sa" value="" />
        <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
        <input type="hidden" name="ie" value="UTF-8" />
    </div>
</form>

改成，

<form action="<?php bloginfo('wpurl') ?>/cse" id="cse-search-box">
  <div class="content">
    <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" class="textfield" id="searchtxt" name="q" size="24" />
    <input type="submit" class="button" id="searchbtn" name="sa" value="" />
  </div>
</form>

其中第一行的< ?php bloginfo('wpurl') ?>/cse是刚刚你创建的搜索结果页面的地址。

5、在iNove的主题选项中，勾选使用Google自定义引擎，填上你的CX值。

这样，所有的工作都做完了。你可以随时在WordPress默认搜索和Google自定义搜索之间进行切换。并且不需要再另外用css定义搜索框了，已经沿用原来的搜索框样式了。

PS：这个是可以在后台切换两种搜索模式，应该可以在搜索框旁边定义一个按钮，让访客可以自行选择。刚入WP的时候在某个博客上看到过，谁知道怎么定义的话不妨共享出来。

2009/09/24  update: 在IE6下出现错位的同学，请更新一下第4步中的代码，感谢bigyang 。


Related Posts

]]> http://www.whisperer.name/2009/09/improve-the-google-custom-search-results-of-inove/feed/ 108