65.9K
CodeProject 正在变化。 阅读更多。
Home

使用 Drupal 将联盟 RSS Feed 转换为网站

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2012年5月2日

CPOL

4分钟阅读

viewsIcon

19363

使用 Drupal 在几个步骤中将您的联盟 RSS Feed 转换为网站。

表 1

Demo home books menu
books mega menu software mega menu

入门

我假设您的主机帐户上已安装 Drupal。我正在使用的主题是 Marinelli,您可以使用任何其他主题。确保您已安装/启用 ViewsChaos tools 模块,并启用 Aggregator 模块。转到模块,启用 Aggregator,然后点击保存配置按钮以启用 Aggregator 模块。以下是步骤。

1. RSS 联盟 Feed

订阅来自 AmazoneBaylink share 等的 RSS feed。

2. 设置 Feed 聚合器

在 Drupal 中,转到配置,Feed 聚合器,点击设置,并将 <div><img> 标签包含到允许的 HTML 标签列表中。这将允许图像显示在内容 feed 中。之后,点击列表,然后点击添加 Feed。填写标题、RSS Feed URL、更新间隔并保存。对所有 feed 重复相同的步骤,并在必要时按类别对它们进行分组。

3. 创建视图

转到结构视图添加新视图。我注意到 Drupal 搜索模块在 Block 和 Page 中不能很好地与视图配合使用。但是有一个 Search by Page 插件可以用来索引页面。填写完所有信息后,点击继续,请参考图 1。

Create View

图 1

字段部分,点击添加,然后选择“Aggregator:标题”和“Aggregator:正文”,点击应用,并取消选中创建标签,然后点击应用按钮。然后点击添加旁边的下拉图标,选择重新排列,删除您不需要的字段,并相应地排列字段。在筛选条件部分,点击添加,然后选择“Aggregator feed:Feed ID”。然后点击应用,选择“运算符等于”,并在值框中插入在步骤 2 中创建的任何 Feed ID。您可以添加排序条件,按 Feed ID、Aggregator 标题、时间戳、随机等对结果进行排序。

view setting

图 2

点击保存按钮,并导航到该页面以查看结果。您应该看到类似于图 3 的内容。

result 1

图 3

现在,让我们稍微装饰一下。回到视图,展开高级面板,然后点击其他下的主题信息。请注意,所选模板是“views-view-fields.tpl.php”而不是“views-view-fields—view-electronic—page.tpl.php”。通常,我会修改后面的模板来自定义单个视图。

view row style

图 4

由于我们将再次重用相同的模板,因此我将继续用清单 1 中的代码替换“views-view-fields.tpl.php”模板。下面代码中的标题和描述字段与我们之前选择的字段相对应,请参考图 2。为了简化起见,我将 titlebody 包装在 div 标签中。根据您的要求,您可以在此处发挥您的创造力。

列表 1

<div class="custom_view_title">
  <?php print $fields["title"]->content; ?>
</div>
<div class="custom_view_content">
  <?php print $fields["description"]->content; ?>
</div>

接下来,让我们为“custom_view_title”和“custom_view_content”类创建样式。在本教程中,我们将把所有样式放在一个单独的文件中。如果您的主题不在 *themes* 文件夹中,请在 Sites>all>themes 下查找。创建一个名为 *custom.css* 的新文件,其中包含清单 2 中的样式,并将其上传到主题的 *css* 文件夹中。

列表 2

.custom_view_title {
	background-color:#000;
	opacity:.7;
	filter: alpha(opacity = 70);
	border-left:1px solid #828282;
	border-right:1px solid #828282;
	border-bottom:1px solid #828282;
	padding: 2px;
}
.custom_view_content {
	min-height:180px;
	border-left:1px solid #828282;
	border-right:1px solid #828282;
	border-bottom:1px solid #828282;
	padding:2px;
}
.custom_view_content img {
	float:left;
	padding: 2px;
}

打开您的主题 *.info* 文件。如果您的主题是 bartik,那么文件名应该是 *bartik.info*。在 stylesheets[all][] = css/layout.css 行的上方添加 stylesheets[all][] = css/custom.css。转到配置性能,清除所有缓存并导航到该页面以再次查看结果。

view with style

图 5

4. 创建更多视图

转到结构视图并找到之前创建的视图,在操作下,选择克隆。为视图提供一个新名称,修改标题,并在筛选条件下提供一个不同的 Feed ID。在页面设置中,修改路径并点击保存按钮。如有必要,重复此步骤。

more view

图 6

我们也可以按类别然后按 Feed ID 进行过滤,请看图 7。

group by

图 7

5. 创建菜单

下一步是装饰菜单。如果主题中的菜单不够花哨,您可以随时尝试其他插件,例如 superfish。我将不在此处介绍菜单,您可以在 Google 上找到许多优秀的资源。

结论

我希望有人会发现这篇文章有用。如果您有任何问题,请给我留言。

历史

  • 2012 年 5 月 2 日:初始版本
© . All rights reserved.