国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal:如何用节点队列创建高级幻灯片/图片轮播--DDBLOCK模块

[复制链接]
发表于 4-10-2012 03:00 | 显示全部楼层 |阅读模式

用到的模块:

以下模块必须被安装并启用:

Dynamic display block 模块(RC6)

jQuery update 模块

CCK 模块

Views 模块

filefield 模块

imagefield 模块

imageapi 模块

imagecache (optional)

Nodequeue

创建内容

nodequeue可以被用来创建节点队列之前,我们必须先新建一个内容类型“新闻”。

1.    在之前的教程中我们已经介绍过如何新建内容类型,这里就不冗述了,只要保证你的内容类型有以下属性就行了。

·         标题 - 作为幻灯片的标题和完整的节点页面的标题

·         翻页器文字 - 用来显示在翻页器上面。(新建一个text field(文本属性)就行了)

·         幻灯片文字 - 用来悬浮显示在幻灯片上方 (新建text field(文本属性))

·         幻灯片图片 - 作为幻灯片的图片和翻页器的图片 (新建imagefield(图片属性))

·         正文 - 完整节点的详细文字 (和每一个content type有的正文一样)

如何用节点队列来创建高级图片轮播

 

如何用节点队列来创建高级图片轮播

2.    创建一些示例节点 - 你可以随便填入一些内容来新建示例节点,至少新建两个.

如何用节点队列来创建高级图片轮播

为新建的内容类型“新闻”启用和配置nodequeue(节点队列)

1.    在模块管理页面启用Nodequeue: Admin(管理) > Site building(站点构建) > Modules(模块).

2.    打开Nodequeue管理页面:Admin(管理) > Content management(内容管理) > Nodequeue.

3.    点击Add (添加)nodequeue 选项卡.

4.    填入以下属性值:

·         标题 - 队列名称, 例如(高级图片轮播区块的节点队列).

·         队列大小 - 队列中有几个节点, 比如(6).

·         Reverse in admin view(倒序添加节点) - (可选。勾选后将把新节点放在最上,而底部的节点被删除).

·         "add to queue"(添加新节点到队列中)的链接文本: - (可选。如果希望出现这个链接就输入一个链文本).

·         "remove from queue" (从队列删除节点)的链接文本: - (可选。用法同上。).

·         类型 - 将在节点队列中使用的Content type(内容类型). 比如(勾选我们刚才新建的“新闻”类型).

·         点击Submit(提交)按钮。

如何用节点队列来创建高级图片轮播

添加节点到节点队列:

5.    打开Nodequeue(节点队列)管理页面: Admin(管理) > Content management(内容管理) > Nodequeue(节点队列), 找到刚才新建的Nodequeue(节点队列)。

6.    点击查看队列.

如何用节点队列来创建高级图片轮播

注意:要想添加节点到队列里面,你只需要打出某个节点的标题的头几个字母或字,如果找到匹配的,剩余的就会自动列出来. 然后再在列出的节点列表里面选择一个就行了。

7.   如何用节点队列来创建高级图片轮播

8.    现在输入你要添加的节点标题吧.

9.    从弹出的列表中选择你要添加的节点。

10.  点击Add node & save queue(添加节点并保存队列)按钮.

11.  至少添加两个节点.

如何用节点队列来创建高级图片轮播

12.  点击保存.

 

添加属性到nodequeue view(节点队列视图)

信息: 添加一个Nodequeue (节点队列)的时候,系统会自动为你创建一个相应的视图. 你还需要添加一些显示的属性到这个视图,才能在图片轮播的时候使用它们.

1.    打开视图管理页面: Admin(管理) > Site building (站点构建)> Views(视图).

2.    找到我们新建的节点队列对应的视图,点击编辑。

如何用节点队列来创建高级图片轮播

3.    点击视图编辑页面左部的区块按钮.

4.    编辑属性,要添加的属性是幻灯片图片,幻灯片文字和翻页器文本。

5.    点击保存.

如何用节点队列来创建高级图片轮播

 

DDBlock的设置中,启用我们新建的内容类型“新闻”和节点队列视图

你必须先启用他们,才能够在DDBlock中使用。

1.    打开DDBlock管理页面:Administer(管理员) > Site configuration(站点配置) > Dynamic display block.

2.    点击“设置”选项卡.

3.    在内容类型列表处,勾选新闻(News Item).

4.    在区块列表处,勾选views - Queue '高级图片轮播用的节点队列'

如何用节点队列来创建高级图片轮播

5.    点击保存.

创建DDBlock的实例

1.    打开DDBlock管理页面: Administer(管理员) > Site configuration (站点配置)> Dynamic display block.

2.    点击Instance选项卡.

3.    在实例名称的输入框中输入一个唯一的名字 比如:基于节点队列的图片轮播。

4.    选择区块类型 - views - Queue '高级图片轮播用的节点队列'Click the Add Instance button.

如何用节点队列来创建高级图片轮播

 

配置使用节点队列的图片轮播区块.

1.    打开DDBlock管理页面:Administer(管理员) > Site configuration(站点配置) > Dynamic display block.

2.    在你的区块列表中找到“基于节点队列的图片轮播”.

3.    点击配置区块.

如何用节点队列来创建高级图片轮播

Follow the detailed instruction of the Preprocess functions.

Ddblock free themes and export files:

Download the free Dynamic display block theme files and Dynamic display block export files at thedownload page. The preprocess function code is already a package in the Export_files.zip.

Dynamic display block themes

Follow the detailed instruction of the Dynamic display block theme page.

Note: Follow the instructions at the Preprocess functionspage. In this case, we use another view name aside from the default view_name news item in the preprocess function.

Uncomment the drupal_set_message lines at the top of the two preprocess function.

[theme_name]_preprocess_ddblock_cycle_block_content and

[theme_name]_preprocess_ddblock_cycle_pager_content.

Display advanced Dynamic display block slideshow:

Follow the detailed instruction on how to Display advanced Dynamic display block slideshow.

Note: In the how to display Dynamic display block slideshow tutorial page, the block name should be Ddblock slideshow using nodequeue instead of ddblock-News item slideshow. 



本文选自:来来克克的博客,非常感谢!


|2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 2-12-2025 17:10 , Processed in 0.699539 second(s), 294 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表