用到的模块: 以下模块必须被安装并启用: Dynamic display block 模块(RC6) jQuery update 模块 CCK 模块 Views 模块 filefield 模块 imagefield 模块 imageapi 模块 imagecache (optional) Nodequeue 创建内容 在nodequeue可以被用来创建节点队列之前,我们必须先新建一个内容类型“新闻”。 1. 在之前的教程中我们已经介绍过如何新建内容类型,这里就不冗述了,只要保证你的内容类型有以下属性就行了。 · 标题 - 作为幻灯片的标题和完整的节点页面的标题 · 翻页器文字 - 用来显示在翻页器上面。(新建一个text field(文本属性)就行了) · 幻灯片文字 - 用来悬浮显示在幻灯片上方 (新建text field(文本属性)) · 幻灯片图片 - 作为幻灯片的图片和翻页器的图片 (新建imagefield(图片属性)) · 正文 - 完整节点的详细文字 (和每一个content type有的正文一样) ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s4.sinaimg.cn/middle/6dd99e6fh94b3b2d92ff3&690)
![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s3.sinaimg.cn/middle/6dd99e6fh94b3b3162d42&690)
2. 创建一些示例节点 - 你可以随便填入一些内容来新建示例节点,至少新建两个. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s1.sinaimg.cn/middle/6dd99e6fh94b3b371c5d0&690)
为新建的内容类型“新闻”启用和配置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(提交)按钮。 ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s1.sinaimg.cn/middle/6dd99e6fh94b3b3be0280&690)
添加节点到节点队列: 5. 打开Nodequeue(节点队列)管理页面: Admin(管理) > Content management(内容管理) > Nodequeue(节点队列), 找到刚才新建的Nodequeue(节点队列)。 6. 点击查看队列. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s12.sinaimg.cn/middle/6dd99e6fh94b3b3cd517b&690)
注意:要想添加节点到队列里面,你只需要打出某个节点的标题的头几个字母或字,如果找到匹配的,剩余的就会自动列出来. 然后再在列出的节点列表里面选择一个就行了。 7. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s1.sinaimg.cn/middle/6dd99e6fh94b3b3dc7ed0&690) 8. 现在输入你要添加的节点标题吧. 9. 从弹出的列表中选择你要添加的节点。 10. 点击Add node & save queue(添加节点并保存队列)按钮. 11. 至少添加两个节点. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s2.sinaimg.cn/middle/6dd99e6fh94b3b428d211&690)
12. 点击保存. 添加属性到nodequeue view(节点队列视图) 信息: 添加一个Nodequeue (节点队列)的时候,系统会自动为你创建一个相应的视图. 你还需要添加一些显示的属性到这个视图,才能在图片轮播的时候使用它们. 1. 打开视图管理页面: Admin(管理) > Site building (站点构建)> Views(视图). 2. 找到我们新建的节点队列对应的视图,点击编辑。 ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s6.sinaimg.cn/middle/6dd99e6fh94b3b465d3f5&690)
3. 点击视图编辑页面左部的区块按钮. 4. 编辑属性,要添加的属性是幻灯片图片,幻灯片文字和翻页器文本。 5. 点击保存. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s6.sinaimg.cn/middle/6dd99e6fh94b3b4b23905&690)
在DDBlock的设置中,启用我们新建的内容类型“新闻”和节点队列视图 你必须先启用他们,才能够在DDBlock中使用。 1. 打开DDBlock管理页面:Administer(管理员) > Site configuration(站点配置) > Dynamic display block. 2. 点击“设置”选项卡. 3. 在内容类型列表处,勾选新闻(News Item). 4. 在区块列表处,勾选views - Queue '高级图片轮播用的节点队列' ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s15.sinaimg.cn/middle/6dd99e6fh94b3b53b867e&690)
5. 点击保存. 创建DDBlock的实例 1. 打开DDBlock管理页面: Administer(管理员) > Site configuration (站点配置)> Dynamic display block. 2. 点击Instance选项卡. 3. 在实例名称的输入框中输入一个唯一的名字 比如:基于节点队列的图片轮播。 4. 选择区块类型 - views - Queue '高级图片轮播用的节点队列'Click the Add Instance button. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s16.sinaimg.cn/middle/6dd99e6fh94b3b5693f2f&690)
配置使用节点队列的图片轮播区块. 1. 打开DDBlock管理页面:Administer(管理员) > Site configuration(站点配置) > Dynamic display block. 2. 在你的区块列表中找到“基于节点队列的图片轮播”. 3. 点击配置区块. ![如何用节点队列来创建高级图片轮播 如何用节点队列来创建高级图片轮播](http://s16.sinaimg.cn/middle/6dd99e6fh94b3b587d93f&690)
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.
本文选自:来来克克的博客,非常感谢!
|