yootheme ZOO使用手册joomla版本.docx

yootheme ZOO使用手册joomla版本.docx

《yootheme ZOO使用手册joomla版本.docx》由会员分享，可在线阅读，更多相关《yootheme ZOO使用手册joomla版本.docx（9页珍藏版）》请在冰豆网上搜索。

yoothemeZOO使用手册joomla版本

ZOO使用手册

1-添加元件（Element）到后台

定义

元件：

即Element，Zoo组件中构成文章系统的基本元素，例如：

一篇文章由标题，点击，发布时间，文章内容构成。

那么在Zoo中，就分别拥有对应的标题元件，点击元件，时间元件，内容元件。

在后台撰写文章时，我们在对应的元件中输入对应的内容；在前台，Zoo组件也将以元件为基本单位，输出内容。

应用类型：

即ApplicationType，Zoo组件中通过应用扩展（ZooExtension或App）来实现不同的功能，例如：

Blog，ProductCatalog，DownloadArchive。

使用App时，首先要创建应用类型（AppType），每种应用类型都相当于一套模板，使用不同的模板来创建出不同的应用实例（AppInstance）。

添加元件

1.进入App：

Joomla后台--Zoo页面--点击齿轮图标。

2.选择App：

选择要设置的App，以ProductCatalog为例。

点击'EditElements'

图中左侧是已有元件的列表，可以删除或编辑它们。

图中右侧是元件的数据类型，可以根据这些类型来创建新的元件。

编辑元件：

点击笔形图标。

之后会有每个Element设置的详细教程。

删除元件：

点击红色图标。

3.添加元件：

以添加Date类型的元件为例-〉在右侧点击Date类型，图标会自动出现在左侧列表的最上方。

4.切换位置：

如果将元件切换位置，只需要用鼠标上下拖拽。

创建后，在后台，当我们使用这种应用类型来创建文件时，就会看到刚刚创建的元件。

如果要在前台展示我们创建的元件，需要下一节教程。

2-添加元件（Element）到前台

Zoo的前台模板是以元件（Element）为基础设计的，每一个模板上的位置，就是一个元件（Element）。

模板布局：

∙Feed：

前台RSS订阅链接的模板

∙Full：

文章全文的模板

∙Related：

相关文章的模板

∙Teaser：

分类视图的文章列表

∙ItemModule：

Zoo模块的模板

∙SearchPlugin：

搜索插件的模板

不同的APP的模板会有略微差别，不过差别不大。

点击Full：

将Element添加在指定的模板中，以Full模板为例。

左侧：

为Full模板的设置页面，Top，Title，Media这些都是用于放置元件（Element）的位置，相当于Joomla模板中的模块位置。

如果应用类型是新建的，左侧是空的，如果是预装的应用类型，左侧则会有已经布置好的元件（Element）。

右侧：

应用种类下所有的元件（Element），如果要创建新的应用种类，参考此教程。

将元件添加到模板中：

拖拽右侧的元件（Element）到左侧对应的位置即可。

将元件（Element）拖拽到模板位置上后，还可以对该元件（Element）进行设置，具体参看元件（Element）的设置教程。

点击保存，完成设置。

元件（Element）可以被多次添加到不同的模板视图中。

3-为APP创建新的应用类型（type）

type（forapp），是ZOO组件中独有的设计概念。

首先，我们理解下什么是type（应用类型）。

ZOO组件的功能由各种APP来实现，例如，下载APP，博客APP，产品目录APP等。

现在假如，我们要创建一个下载网站，网站中有模板下载栏目，扩展下载栏目，这两个栏目里需要介绍的软件参数不同：

模板中要有颜色，模板风格参数，而这些在扩展栏目中并不需要用到。

也就是说两个栏目里需要的element不同，此刻就可以用type来解决这个问题，我们可以创建一个模板type，包含颜色，风格主题等element，而扩展type中，就包含软件种类等element。

注意：

对于app，element，type这些概念必须清楚，才能熟练地掌握ZOO

 1.创建应用类型（apptype）

登陆ZOO组件页面，点击工具栏右侧的小齿轮，进入到Zoo的app设置页面，在这里我们创建新的应用类型

2.新建应用类型

以productcatalog为例，点击进入，会看到已经存在的应用类型，点击右上角的'new'新建

3.如图输入类型的名称后，保存即可。

注：

slug是别名，相当于joomla文章组件里的alias文章别名

 4.为应用类型添加元件（element）

保存退出后会看到列表中新添加的computer，如图，点击'editelement'，为应用类型添加元件

 5.进入后，左侧是空白的，因为还没有添加元件。

6.编辑元件（element）

从右侧拖拽元件到左侧，拖拽成功后，可以为元件命名，排序。

注：

各元件的功能作用在后序会有系列性的详细讲解。

排序：

鼠标拖拽住元件上下拖动即可。

点击保存，完成设置。

之后我们就可以使用新的应用类型创建新的应用实例了，但在前台显示该应用类型需要另外设置，