Jimdo建站素材-可用于Jimdo网站自动添加"相关文章"的插件代码之:无觅


        写过了几篇关于网站"最近更新"插件的文章,或者使用代码或者使用jimdo自带的“博客显示”或者“RSS Feed”功能(详见文章:《利用jimdo自带"博客显示"功能实现"最近更新"功能及其修饰美化》《巧用谷歌阅读器(google reader)实现网站自动调用“最近更新”模块》《jimdo教程:美化与自定义Google Reader Shared Items调用的“最近更新”模块》),比起“最近更新”功能而言,“相关文章”或者说“相关推荐”功能则更有助于提高用户体验、SEO和增加网站流量,应用也更加广泛,通过wordpress和z-blog建站比较简单和省心,各种插件满天飞,安装个插件某个功能就okay了,那jimdo站怎么实现“相关文章”功能呢?

        诸葛草帽找了一段时间,只找到了两个能简单实现这个功能的插件(如果哪位朋友有更好的方法,希望共享出来,独乐乐不如众乐乐嘛),其中一款是国外的linkwithin插件,第二个是在国内的类似的插件,名为无觅智能相关文章插件。此文专门介绍“无觅相关文章插件”。

             无觅插件可以说是刚刚起步,还不是很完善,我曾和无觅官方交流过,对于Jimdo还没有十分完善的解决方案,无觅支持的平台有:wordpress、博客大巴(blogbus)、博尚网(blogcn)和其他,从无觅那里选择“其他”得到的代码放在jimdo站上是不能直接使用的,我从使用了无觅插件的wordpress站中剥离出了可以用在jimdo站上的“相关文章”插件代码,代码如下:

HTML代码:

<div id="link">

<script type="text/javascript" id="wumiiRelatedItems">

//<![CDATA[

               var wumiiSitePrefix ="http://zhugecaomao.jimdo.com/";

            //]]>

            </script>

<script type="text/javascript" src="http://widget.wumii.com/ext/relatedItemsWidget.htm?type=1&mode=3&num=9"></script>

</div>

        说明:

  • 把代码放在<div id="link">......</div>中是为了以后自定义方便。
  • 代码中绿色部分修改成自己的网址。
  • 代码中蓝色部分是显示模式,1代表文字模式;2代表图片模式;3代表自动选择(诸葛草帽建议不要修改,可能出现不可预知问题),效果见下图。
  • 代码中红色部分为显示数目,范围从1~9,可以自行修改。
  • 把代码放到自己网站中认为合适的地方,我的代码是放在了<var>content</var>下方,仅供参考。
  • 这里告诉各位一个小技巧,可以把以上代码分离成两部分,把<script type="text/javascript" src="http://widget.wumii.com/ext/relatedItemsWidget.htm?type=1&mode=3&num=9"></script>放到html代码最底部,这样可以加快网页打开速度,并且不影响功能,其他类似代码也可以这么做。

CSS代码:

#link{border-top:1px dashed #17A4C7;}

#page-338146255 #link{display:none;}

        说明:

  • 自定义、修饰这个插件部分,第一行是在这个插件上面添加一条虚线:宽度1px;线型是虚线(虚线:dashed,圆点线:dotted,实线:solid);颜色是#17A4C7。
  • 第二行的意思是隐藏首页相关文章插件,这样不会影响到首页布局,其中红色部分需要自己查看自己网站源代码找到类似部分,找到首页主编辑区代码。


        相比无觅插件,我更倾向于那款国外插件linkwithin,由于内容比较多,所以我将它们分开写,推荐阅读姊妹篇—— Jimdo建站素材-可用于Jimdo网站自动添加"相关文章"的插件代码之:linkwithin

Write a comment

Comments: 8
  • #1

    1980网络技术 (Sunday, 31 October 2010 00:07)

    哇,诸葛你发表的都是好东西,收藏了。

  • #2

    网型网秀 (Sunday, 31 October 2010 08:41)

    曾经过来观赏过,貌似很不错。

  • #3

    诸葛草帽 (Sunday, 31 October 2010 08:49)

    回复1980网络技术:呵呵,感谢夸奖,有朋友喜欢就好

  • #4

    诸葛草帽 (Sunday, 31 October 2010 08:50)

    回复网型网秀:的确不错,不过还需要完善

  • #5

    淘宝600家园 (Sunday, 31 October 2010 09:34)

    不错哦,相信实现了这个功能后,更能增加网站的点击量.你是无觅和linkwithin都用上了吧?

  • #6

    诸葛草帽 (Sunday, 31 October 2010 09:40)

    回复淘宝600家园:我现在还在测试这两个插件效果,测试完成之后我会去掉一个,毕竟我很在意网页打开速度

  • #7

    独星 (Sunday, 31 October 2010 11:42)

    像我这种网站不必弄这些= =感谢分享!

  • #8

    诸葛草帽 (Sunday, 31 October 2010 17:08)

    回复独星:感谢来访,想弄点新东西玩玩而已