我已编辑此RSS提要CodePen http://codepen.io/RobKirby/pen/azwwvM?editors=001以显示Wordpress帖子http://tomcandy.com/blogtest/但是我在wordpress上的RSS提要链接到仅150px宽的图像。如果我可以删除网址的最后6个字符,它将链接到完整大小的图像,但我无法理解如何编辑js中的网址。在html中为每个条目提供了url,但在html中使用它之前我无法解决它如何切片。
$('#feed').feeds({
feeds: {
feed1: 'https://tomcandy.wordpress.com/feed/',
},
xml: true,
max: 6,
// Date sorting omitted to simplify code
// // Template used to render each entry
entryTemplate:
'<! if (source == "feed1") { !>' +
//need url to be 6 characters shorter / var newurl = mediaGroups[0].contents[3].url;
'<a class="feeds-entry feeds-source-<!=source!>" target="_blank" href="<!=link!>" title="<!=title!>" style="background-image:url(<!=mediaGroups[0].contents[3].url!>);" data-date="<!=title!>">' +
'<div class="label"><!=title!></div>' +
'<div class="blur" style="background-image:url(<!=mediaGroups[0].contents[3].url!>);"></div>' +
'<div class="content">' +
'<i class="fa fa-eye"></i>' +
'<p>View on Wordpress</p>' +
'</div>' +
'</a>' +
'<! } !>'
});
另一种选择是将所有的RSS复制到我的网站,只编辑网址,但这是最后的选择。 谢谢=)
答案 0 :(得分:0)
我找到了一个使用
的解决方案 preprocess: function ( feed ) {
this.newurl = this.mediaGroups[0].contents[0].url.slice(0,-6);
}