HotNews pro主题RSS新闻聚合模板

知更鸟

1555
文章

6921
评论

2011年11月6日17:02:32 138 12.9K

摘要

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

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

具体演示

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

{
register_sidebar(array(
'name' => 'RSS聚合',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<div class="r_box"><div class="rss"></div><h3>',
'after_title' => '</h3>',
'after_widget' => '<i class="lt"></i><i class="rt"></i><i class="lb"></i><i class="rb"></i></div>',
));
}

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

/******** rss聚合 ********/
.rss_widget {
width:992px;
margin:12px 0 0 0;
}
.r_box {
position:relative;
float:left;
width:462px;
background:#fff;
margin:0 12px 12px 0;
padding:10px 10px 11px 10px;
border: 1px solid #ccc;
}
.r_box ul li{
font-size:13px;
line-height:24px;
margin: 0 0 0 20px;
color:#477fbd;
list-style-type:square;
}
.r_box ul li a:hover {
padding:0 0 0 10px;
}
.r_box h3 {
background:url(img/home.gif) no-repeat;
}
.r_box h3 a{
font-size:14px;
padding:0 0 0 12px;
}
.rsswidget img{
display:none;
}
.rss-date {
position:absolute;
font-size:12px;
color:#B2B2B2;
right:12px;
text-shadow: 0 0 #d1d1d1;
}
.rss{
position:absolute;
background:url(img/rss.gif) no-repeat;
width:51px;
height:51px;
right:-3px;
top:-3px;
z-index:10;
}
#map_m {
width:980px;
height: 27px;
}

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

效果演示

模板下载

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

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

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

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

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

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

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

改为：

<a class='rsswidget' href='$link' target='_blank' rel='nofollow'

历史上的今天

十一月

本站原创文章转载请注明文章出处

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

获取本主题

售前咨询加Q：598845006

多功能主题 Begin

评论：138 其中：访客 115 博主 19 引用 4

ziranniao 3
2011年12月28日 13点28分 51F
回复
这个模板里怎么加文章啊？
ziranniao 3
2011年12月28日 14点08分 52F
回复
RSS feed地址是什么意思啊？什么网站都可以吗？求救鸟哥！
- 知更鸟
  2011年12月28日 15点23分 B1
  回复
  @ ziranniao 大部分网站都有RSS feed
  比如QQ新闻
  http://news.qq.com/
  logo旁边那个RSS图标的链接地址就是该站的RSS feed
  - yumanutong 6
    2012年3月24日 18点35分 B2
    回复
    @ 知更鸟我填写你的地址和我的RSS地址都不行提示RSS 错误：WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
    - yumanutong 6
      2012年3月24日 19点16分 B3
      回复
      @ yumanutong 能不能回答下我这个问题啊
      - 知更鸟
        2012年3月24日 20点49分 B4
        
        @ yumanutong 汗，feed.feedsky.com这不是什么RSS，这只是网站地址，当然不行
        我的RSS是https://zmingcx.com/feed
      - yumanutong 6
        2012年3月24日 21点39分 B4
        
        @ 知更鸟我说的就是你那个，我也有RSS地址，一样不行，不过我RSS地址怎么不是你这个方式的？你的网址的RSS挺好的，怎么弄的
Maxling 4
2011年12月29日 11点57分 53F
回复
Parse error: syntax error, unexpected T_STRING in /home/maxlitu6/public_html/wp-content/themes/HotNewspro/functions.php on line 101
鸟哥我的加了一、打开主题functions.php模板，在”// 自定义菜单“注释上面添加下面代码，定义一个特殊的widget ：这里的代码就提示这个错误
麻烦鸟哥指点。
- 知更鸟
  2011年12月29日 14点50分 B1
  回复
  @ Maxling 你的WP程序版本太低了，升级到最新版
  - Maxling 4
    2011年12月29日 14点53分 B2
    回复
    @ 知更鸟我是3.3的版本啊！！
- 何尚 1
  2012年1月7日 12点54分 B1
  回复
  @ Maxling 这个文件是只读,需要在资源管理器的这个文件属性中去掉只读选项.上传也要注意
  - maxling 4
    2012年1月17日 23点25分 B2
    回复
    @ 何尚谢谢！！！问题解决！
isbrian 1
2012年1月14日 02点16分 54F
回复
不錯的東西，感謝
Maxling 4
2012年1月25日 00点44分 55F
回复
鸟哥新年快乐！！
洛晨 0
2012年1月29日 01点13分 56F
回复
我在测试的时候，我的rss feed地址出现错误，提示
XML解析错误：废弃 document 元素之后的内容
位置：http://www.lyge.org/feed
行：3，列：1：
^
请问怎么解决？我谷歌找了很多说什么php文件的前后可能有多余的空格或空行，可我删了还是没解决
九颗星 1
2012年2月4日 09点36分 57F
回复
支持！！！老大，测试下头像，哈哈~~
jmls 1
2012年2月4日 16点34分 58F
回复
不错不错~~一会试试~~~
boar 2
2012年2月10日 22点38分 59F
回复
我按照步骤做好了，但是打开页面的时候说：此网页包含重定向循环
这是怎么回事？
lrxianed 0
2012年2月13日 01点36分 60F
回复
哈哈，又学到了。谢谢鸟哥。
杰伦 0
2012年2月16日 15点29分 61F
回复
Parse error: parse error in D:\wwwroot\fuyujx\wwwroot\wp-content\themes\HotNewspro\functions.php on line 4 站打不开了？是怎么回事啊？
yumanutong 6
2012年3月24日 18点33分 62F
回复
RSS 错误：WP HTTP Error: Could not resolve host: feed.feedsky.com; Host not found
怎么办？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？
- V_v 2
  2012年3月25日 13点06分 B1
  回复
  @ yumanutong 应该是你的feed地下写有误，导致不能解析，你再检查一下看地下载是不是正确
  - yumanutong 6
    2012年3月25日 13点10分 B2
    回复
    @ V_v 我自己的sdtclass.com/feed怎么会错？用楼主的那个也没错
    - V_v 2
      2012年3月25日 13点13分 B3
      回复
      @ yumanutong 可报错的地址是：feed.feedsky.com
      - yumanutong 6
        2012年3月25日 13点33分 B4
        
        @ V_v 着两种形式我都试过了，都不行额
      - yumanutong 6
        2012年3月25日 13点33分 B4
        
        @ V_v 你把你的地址给我我试试
      - V_v 2
        2012年3月25日 14点48分 B4
        
        @ yumanutong 我的是www.178-go.com/feed
      - yumanutong 6
        2012年3月25日 16点21分 B4
        
        @ V_v 还是不行，吐血死了，都不行，不知道为什么~RSS 错误：WP HTTP Error: Could not resolve host: www.178-go.com; Host not found
      - V_v 2
        2012年3月25日 16点40分 B4
        
        @ yumanutong 根据报错是无法解析我的域名www.178-go.com
        是不是你的DNS有问题？你用的是VPS?
      - yumanutong 6
        2012年3月25日 23点20分 B4
        
        @ V_v 我是空间的，不是VPS，以前试过貌似不会，现在不知道是因为我深度修改了主题模板还是为什么，我看这里教程修改了很多，看别的网站教程，更知鸟的主题，能修改的我都改，其实我也不懂PHP，我根本可以说不懂PHP，就会瞎折腾，这下可好，哎
      - V_v 2
        2012年3月26日 19点03分 B4
        
        @ yumanutong 人生就是不断的折腾~
yumanutong 6
2012年3月25日 13点10分 63F
回复
我用你的主题，那个侧边的年度排行神马的怎么貌似有问题，都是现实新文章，是不是一定要用神马插件
bingleicao 1
2012年3月28日 22点03分 64F
回复
我的RSS总是一列，代码查过好几次了，没问题，求指教。http://bingleicao.web-75.com/?page_id=737
- 知更鸟
  2012年3月28日 22点29分 B1
  回复
  @ bingleicao 在火狐下的页面很正常
  - bingleicao 1
    2012年3月29日 12点28分 B2
    回复
    @ 知更鸟昨天不正常，今天居然正常了，神马情况。。。
Amoy厦门 4
2012年5月4日 18点53分 65F
回复
我要的几个网站新闻都没有提供rss。悲剧。白弄了
菲唲 2
2012年5月14日 08点32分 66F
回复
呵呵我试试
yumanutong 6
2012年5月29日 12点14分 67F
回复
鸟哥，我现在换了个服务器了，所以我想起来弄这个功能，但是，突然发现，我新建页面那不可以选择页面模板了，可是我以前的页面那里还是有显示页面模板的选项啊，不懂了
- yumanutong 6
  2012年5月29日 12点24分 B1
  回复
  @ yumanutong 不用了，突然又可以了，我刚才新建一个页面，然后发现地址居然是.html的文章页面，然后我丢弃，然后我重新新建，然后又可以了，好神奇的主题，哈哈哈！
yumanutong 6
2012年5月29日 12点29分 68F
回复
OK，搞定了，不知道那个RSS的文章数是哪个决定的？第一个添加你的RSS订阅，嘿嘿！
- 知更鸟
  2012年5月29日 14点13分 B1
  回复
  @ yumanutong RSS小工具中有设置文章数选项
  - yumanutong 6
    2012年5月29日 14点17分 B2
    回复
    @ 知更鸟就是小工具的设置对吧，那我明白了，我看你演示地址一个多一个少的，呵呵！然后结合你微博那个文章，弄了个图标把这个RSS的弄个强烈推荐的出来，呵呵！
panda 3
2013年1月13日 21点04分 69F
回复
大大，在wordpress 3.5版，这个<a class='rsswidget' href='$link' 有2个了。我2个都改了。还不知道有什么影响。
OMG我的游戏 3
2013年1月28日 18点16分 70F
回复
全部步骤都完成了，最后显示是这样，不知道是哪里出现问题了，求指教http://www.bar8.cn/all
两天 6
2013年3月22日 19点39分 71F
回复
我的在
783行和901行
有
<a class=’rsswidget’ href=’$link’
- 两天 6
  2013年3月22日 19点43分 B1
  回复
  @ 两天然后我全部修改了，一个是标题的，一个是内容的汗
日如月 0
2013年3月22日 22点43分 72F
回复
Notice: 自 3.4 版本起，已不建议使用 add_custom_image_header，请换用 add_theme_support( ‘custom-header’, $args )
鸟哥，hotnew不支持3.5.1的吗？
cxd 2
2014年4月20日 11点43分 73F
回复
有通用方法适合任何一个主题的么？
想在别的主题应用这个页面，怎么弄