HotNews pro主题RSS新闻聚合模板

WordPress, 转自点点 10 年前 回复

, , , ,

这个方法来自于知更鸟的主题模板,感觉方法很不错。
演示:
演示地址:http://zmingcx.com/rss-feeds
一、打开主题functions.php模板,在”// 自定义菜单“注释上面添加下面代码,定义一个特殊的widget :

    {   
        register_sidebar(array(   
            'name'          => 'RSS聚合',   
            'before_widget' => '',   
            'after_widget'  => '',   
            'before_title'  => '<h3>',   
            'after_title'   => '</h3>',   
            'after_widget' => '',   
        ));   
    }  

二、打开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聚合模板添加。模板代码:

<?php
/*
Template Name: RSS聚合
*/
?>
<?php get_header(); ?>
<div class="clear"></div>
	<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>	
<div id="rss_content">
	<div id="map_box">
		<div id="map_l">
			<div class="browse">现在位置 ><a title="返回首页" href="<?php echo get_settings('Home'); ?>/">首页</a> ><?php the_title(); ?></div>
		</div>
		<div id="map_r">
			<div id="feed"><a href="<?php echo get_option('swt_rsssub'); ?>" title="RSS">RSS</a></div>
		</div>
	</div>
	<div class="clear"></div>
	<div class="rss_widget">
		<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('RSS聚合') ) : ?>
		<?php endif; ?>
	</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
<?php get_footer(); ?>

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

五、上面步骤完成后,进入WP后台---主题---小工具添加页面---把WP自带的RSS小工具,拖拽到侧边RSS聚合小工具中,输入 RSS feed地址,比如我的博客地址为:http://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'

模版下载:链接: https://pan.baidu.com/s/1Jg2dhHxIERG4aZ8j1kBJSQ 提取码: s6x1
转自http://zmingcx.com/hotnews-template-theme-rss-feed.html

支付宝打赏微信打赏

如果此文对你有帮助,欢迎打赏作者。

发表评论

欢迎回来 (打开)

(必填)

2986