HotNews pro主题RSS新闻聚合模板

知更鸟
知更鸟
知更鸟
站长
2511
文章
0
粉丝
HotNews主题13,257阅读模式
摘要  我们知道通过Wordpress本身集成的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地址,比如我的博客地址为:https://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
  • HotNews Pro
  • HotNews主题
评论  138  访客  115  作者  19