HotNews pro主题RSS新闻聚合模板

2011年11月6日17:02:32 138 12,615
摘 要

  我们知道通过Wordpress本身集成的RSS小工具,可以将自己喜欢的站点最新文章显示在自己的博客中,而不用打开该网站,就可以随时关注该站点的动态,功能与一些新闻订阅器类似。不过一般情况下,这个RSS小工具只能显示在侧边栏中,如果同时调用几个站点的RSS,会使侧边栏很长,影响美观,可不可以在一个页面中显示所有RSS新闻呢?答案是肯定的。
  下面跟我一起操作,为HotNews pro主题添加一个RSS新闻聚合独立页面模版…

我们知道通过Wordpress本身集成的RSS小工具,可以将自己喜欢的站点最新文章显示在自己的博客中,而不用打开该网站,就可以随时关注该站点的动态,功能与一些新闻订阅器类似。不过一般情况下,这个RSS小工具只能显示在侧边栏中,如果同时调用几个站点的RSS,会使侧边栏很长,影响美观,可不可以在一个页面中显示所有RSS新闻呢?答案是肯定的。下面跟我一起操作,为HotNews pro主题添加一个RSS新闻聚合独立页面模版,效果如图:

具体演示

一、打开主题functions.php模板,在”// 自定义菜单“注释上面添加下面代码,定义一个特殊的widget :

  1. {
  2.     register_sidebar(array(
  3.         'name'          => 'RSS聚合',
  4.         'before_widget' => '',
  5.         'after_widget'  => '',
  6.         'before_title'  => '<div class="r_box"><div class="rss"></div><h3>',
  7.         'after_title'   => '</h3>',
  8.         'after_widget' => '<i class="lt"></i><i class="rt"></i><i class="lb"></i><i class="rb"></i></div>',
  9.     ));
  10. }

二、打开HotNewspro\css目录中的css.css在最后添加:

  1. /******** rss聚合 ********/
  2. .rss_widget {
  3.     width:992px;
  4.     margin:12px 0 0 0;
  5.     }
  6. .r_box {
  7.     position:relative;
  8.     float:left;
  9.     width:462px;
  10.     background:#fff;
  11.     margin:0 12px 12px 0;
  12.     padding:10px 10px 11px 10px;
  13.     border1px solid #ccc;
  14.     }
  15. .r_box ul li{
  16.     font-size:13px;
  17.     line-height:24px;
  18.     margin: 0 0 0 20px;
  19.     color:#477fbd;
  20.     list-style-type:square;
  21.     }
  22. .r_box ul li a:hover {
  23.     padding:0 0 0 10px;
  24.     }
  25. .r_box h3 {
  26.     background:url(img/home.gif) no-repeat;
  27.     }
  28. .r_box h3 a{
  29.     font-size:14px;
  30.     padding:0 0 0 12px;
  31.     }
  32. .rsswidget img{
  33.     display:none;
  34.     }
  35. .rss-date {
  36.     position:absolute;
  37.     font-size:12px;
  38.     color:#B2B2B2;
  39.     right:12px;
  40.     text-shadow: 0 0 #d1d1d1;
  41.     }
  42. .rss{
  43.     position:absolute;
  44.     background:url(img/rss.gif) no-repeat;
  45.     width:51px;
  46.     height:51px;
  47.     right:-3px;
  48.     top:-3px;
  49.     z-index:10;
  50.     }
  51. #map_m {
  52.     width:980px;
  53.     height27px;
  54.     }

三、把压缩包中的rss.php放到HotNews主题根目录中,两张图片放到HotNewspro\css\img目录中,完成RSS聚合模板添加。

四、新建一个页面,右下选择RSS聚合模版,发表后调用到导航菜单中。

五、上面步骤完成后,进入WP后台---主题---小工具添加页面---把WP自带的RSS小工具,拖拽到侧边RSS聚合小工具中,输入 RSS feed地址,比如我的博客地址为:http://zmingcx.com/feed,并在"为 feed 拟个标题"中输入网站名称,保存之后打开刚建的页面,看看效果吧。

可以拖拽多个RSS小工具,需要注意的是要保证左右两个RSS小工具,显示的条数相同,否则会错位。

当然这个独立页面模板中也可以添加其它WP自带的小工具,主题集成的小工具则不行,会显示样式错误。

补充:修改WP程序源文件,让RSS小工具中的链接在新窗口或标签打开。

打开wp-includes目录中的default-widgets.php在858行找到:

  1. <a class='rsswidget' href='$link'

改为:

  1. <a class='rsswidget' href='$link' target='_blank' rel='nofollow'
weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:138   其中:访客  115   博主  19   引用   4

    • ziranniao 3

      这个模板里怎么加文章啊?

      • ziranniao 3

        RSS feed地址是什么意思啊?什么网站都可以吗?求救鸟哥!

          • 知更鸟 Admin

            @ziranniao 大部分网站都有RSS feed
            比如QQ新闻
            http://news.qq.com/
            logo旁边那个RSS图标的链接地址就是该站的RSS feed

              • yumanutong 6

                @知更鸟 我填写你的地址和我的RSS地址都不行 提示RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found

                  • yumanutong 6

                    @yumanutong 能不能回答下我这个问题啊

                      • 知更鸟 Admin

                        @yumanutong 汗,feed.feedsky.com这不是什么RSS,这只是网站地址,当然不行
                        我的RSS是http://zmingcx.com/feed

                          • yumanutong 6

                            @知更鸟 我说的就是你那个,我也有RSS地址,一样不行,不过我RSS地址怎么不是你这个方式的?你的网址的RSS挺好的,怎么弄的

                  • Maxling 4

                    Parse error: syntax error, unexpected T_STRING in /home/maxlitu6/public_html/wp-content/themes/HotNewspro/functions.php on line 101

                    鸟哥我的加了 一、打开主题functions.php模板,在”// 自定义菜单“注释上面添加下面代码,定义一个特殊的widget : 这里的代码就提示这个错误

                    麻烦鸟哥指点。

                      • 知更鸟 Admin

                        @Maxling 你的WP程序版本太低了,升级到最新版

                        • 何尚 1

                          @Maxling 这个文件是只读,需要在资源管理器的这个文件属性中去掉只读选项.上传也要注意

                        • isbrian 1

                          不錯的東西,感謝

                          • Maxling 4

                            鸟哥新年快乐!!

                            • 洛晨 0

                              我在测试的时候,我的rss feed地址出现错误,提示
                              XML解析错误:废弃 document 元素之后的内容
                              位置:http://www.lyge.org/feed
                              行:3,列:1:
                              ^
                              请问怎么解决?我谷歌找了很多说什么php文件的前后可能有多余的空格或空行,可我删了还是没解决

                              • 九颗星 1

                                支持!!!老大,测试下头像,哈哈~~

                                • jmls 1

                                  不错不错~~一会试试~~~

                                  • boar 2

                                    我按照步骤做好了,但是打开页面的时候说:此网页包含重定向循环
                                    这是怎么回事?

                                    • lrxianed 0

                                      哈哈,又学到了。谢谢鸟哥。

                                      • 杰伦 0

                                        Parse error: parse error in D:wwwrootfuyujxwwwrootwp-contentthemesHotNewsprofunctions.php on line 4 站打不开了?是怎么回事啊?

                                        • yumanutong 6

                                          RSS 错误:WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
                                          怎么办??????????????????????????????

                                            • V_v 2

                                              @yumanutong 应该是你的feed地下写有误,导致不能解析,你再检查一下看地下载是不是正确

                                                • yumanutong 6

                                                  @V_v 我自己的sdtclass.com/feed怎么会错?用楼主的那个也没错

                                                    • V_v 2

                                                      @yumanutong 可报错的地址是:feed.feedsky.com

                                                        • yumanutong 6

                                                          @V_v 着两种形式我都试过了,都不行额

                                                          • yumanutong 6

                                                            @V_v 你把你的地址给我我试试

                                                              • V_v 2

                                                                @yumanutong 我的是www.178-go.com/feed

                                                                  • yumanutong 6

                                                                    @V_v 还是不行,吐血死了,都不行,不知道为什么~RSS 错误:WP HTTP Error: Could not resolve host: www.178-go.com; Host not found

                                                                      • V_v 2

                                                                        @yumanutong 根据报错是无法解析我的域名www.178-go.com
                                                                        是不是你的DNS有问题?你用的是VPS?

                                                                        • yumanutong 6

                                                                          @V_v 我是空间的,不是VPS,以前试过貌似不会,现在不知道是因为我深度修改了主题模板还是为什么,我看这里教程修改了很多,看别的网站教程,更知鸟的主题,能修改的我都改,其实我也不懂PHP,我根本可以说不懂PHP,就会瞎折腾,这下可好,哎

                                                                          • V_v 2

                                                                            @yumanutong 人生就是不断的折腾~

                                                              • yumanutong 6

                                                                我用你的主题,那个侧边的年度排行神马的怎么貌似有问题,都是现实新文章,是不是一定要用神马插件

                                                                • bingleicao 1

                                                                  我的RSS总是一列,代码查过好几次了,没问题,求指教。http://bingleicao.web-75.com/?page_id=737

                                                                    • 知更鸟 Admin

                                                                      @bingleicao 在火狐下的页面很正常

                                                                        • bingleicao 1

                                                                          @知更鸟 昨天不正常,今天居然正常了,神马情况。。。

                                                                      • Amoy厦门 4

                                                                        我要的几个网站新闻都没有提供rss。悲剧。白弄了

                                                                        • 菲唲 2

                                                                          呵呵 我试试

                                                                          • yumanutong 6

                                                                            鸟哥,我现在换了个服务器了,所以我想起来弄这个功能,但是,突然发现,我新建页面那不可以选择页面模板了,可是我以前的页面那里还是有显示页面模板的选项啊,不懂了

                                                                              • yumanutong 6

                                                                                @yumanutong 不用了,突然又可以了,我刚才新建一个页面,然后发现地址居然是.html的文章页面,然后我丢弃,然后我重新新建,然后又可以了,好神奇的主题,哈哈哈!

                                                                              • yumanutong 6

                                                                                OK,搞定了,不知道那个RSS的文章数是哪个决定的?第一个添加你的RSS订阅,嘿嘿!

                                                                                  • 知更鸟 Admin

                                                                                    @yumanutong RSS小工具中有设置文章数选项

                                                                                      • yumanutong 6

                                                                                        @知更鸟 就是小工具的设置对吧,那我明白了,我看你演示地址一个多一个少的,呵呵!然后结合你微博那个文章,弄了个图标把这个RSS的弄个强烈推荐的出来,呵呵!

                                                                                    • panda 3

                                                                                      大大,在wordpress 3.5版,这个<a class='rsswidget' href='$link' 有2个了。我2个都改了。还不知道有什么影响。

                                                                                      • OMG我的游戏 3

                                                                                        全部步骤都完成了,最后显示是这样,不知道是哪里出现问题了,求指教http://www.bar8.cn/all

                                                                                        • 两天 6

                                                                                          我的在
                                                                                          783行和901行

                                                                                          <a class=’rsswidget’ href=’$link’  

                                                                                            • 两天 6

                                                                                              @两天 然后我全部修改了,一个是标题的,一个是内容的 汗

                                                                                            • 日如月 0

                                                                                              Notice: 自 3.4 版本起,已不建议使用 add_custom_image_header,请换用 add_theme_support( ‘custom-header’, $args )

                                                                                              鸟哥,hotnew不支持3.5.1的吗?

                                                                                              • cxd 2

                                                                                                有通用方法适合任何一个主题的么?
                                                                                                想在别的主题应用这个页面,怎么弄

                                                                                              • 来自外部的引用: 4

                                                                                                • 笔记:RSS专题模版分身 | I'm 银色海豚
                                                                                                • 知更鸟RSS聚合模板移植到大前端D4 – Maxling
                                                                                                • D4主题添加RSS聚合模板 | 混混Maling's Blog
                                                                                                • 给wordpress增加RSS聚合页面 | 麦克斯为