Umbraco(1) - Document Types(翻译文档)
Document Types
Data first
nothing in = nothing out!
任何网站的第一步是创建一个"Document Type"-几次安装后你会熟悉这个术语,但一开始可能有点令人困惑。Document Type在Umbraco中是一个数据容器,您可以添加数据字段/属性,编辑用户可以在其中输入数据和Umbraco中还可以使用它来输出相关部分"template"(稍后详细介绍这些)。
Document Types是无限扩展的,但是通常你会添加数据字段类似如下:
·Page title
·Sub Heading
·Body Text
·Meta Title
·Meta Description
·...
每一个数据字段都有一个类型-例如,一个文本字符串或数字或富文本...这在以后会讲。
创建您的第一个文档类型
对的,我们开始忙起来吧。在Umbraco菜单中找到Setting,这是左手边菜单中的第三个按钮。然后你会看到一长串的设置–不要担心这些,我们将会在需要的时候介绍他们。
Document Types很奇怪的是定位在列表中的最后一个选项,但是它却是Umbraco建立的起点,悬停在Document Types节点上,你会看到三个点...,点击后你会看到这个菜单。然后点击 + Create 按钮。
【创建一个文档类型】
现在,忽略Master Document Type的下拉按钮。给我们新的文档类型起一个名字 = "HomePage",然后确保创建匹配的模板,选中复选框的选项。点击Create按钮。
【给你的文档类型命名】
现在Umbraco中,在Document Type这个树节点下,你将会看到四个选项卡Info,Structure,Generic properties,Tabs.点击Info(应该已经选中),点击Icon标签旁边的Choose...,输入“home”进行查询,你会看到一个房子的图标–这以后将会在Content树节点帮助我们编辑。
【给你的文档类型加一个图标】
进入Description,输入"这是我们的homepage template"。这个文本是用来帮助用户以后选择正确的文档类型。
紧接着,点击Structure然后选择Allow at root。这将会允许我们在此template下创建主页的根。
接下来我们去看Tabs.创建一个名为"Contents",一个名为"Footer"(输入名字后点击New Tab按钮,最后记住完成后点击Save)。
【给文档类型添加标签】
现在去Generic properties-这个选项卡是我们根据主页需要和使用来创建的数据容器。点击这个链接Click here to add a new property,输入Name = "Page Title"。当你移动到下一个字段,您将会看到Umbraco给一个别名"pageTitle"。这个Type默认的为"Textstring",Tab选择"Contents"(记住,这是我们刚刚创建的那个!)。Description再次帮助编辑者理解,所以我们填充这个-"这是主页面的标题(例如:欢迎来到Widgets Ltd)。"
【创建pageTitle的数据类型】
忽略掉其余的字段,点击右上角的绿色按钮Save。
重复这个步骤,点击Generic properties选项卡中的Click here to add a new property,然后创建所需要的(记住每次都要点击Save按钮)
你现在应该有一个类似一下的Generic properties选项卡:
【图为在你的Homepage Document Type的Generic properties选项卡】
现在我们已经创建了我们的第一个Document Type - Umbraco下需要三件事来创建一个网页,这是第一个也是最重要的。Document Type带来在实例中所需要的数据,用它来合并一个template - 我们下一步将会编辑template。
【原文:https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Document-Types】
Umbraco(1) - Document Types(翻译文档)的更多相关文章
- Umbraco(5)-Creating Master Template Part 1(翻译文档)
原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco5-creating-master-template-par ...
- javascript之DOM(Document Object Model) 文档对象模型
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- Umbraco(4)-Outputting the Document Type Properties(翻译文档)
翻译原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco4outputting-the-document-typ ...
- Umbraco(6)-Creating More Pages Using the Master - Part 2(翻译文档)
创建一个Contact Us页面 我们将创建一个新的”联系我们“页面,在该页面我们将放置简单的联系信息.对于添加这个功能你可能想替换为一个完全成熟的形式. 一些有效的解决方案: 使用表面控制器构建自己 ...
- Umbraco(2) - Creating Your First Template and Content Node(翻译文档)
创建(编辑)你的第一个模板(Template) 展开 Settings > Templates文件夹 - 然后你应该看到子节点名为"Homepage" - 这是我们在创建Do ...
- DOM (Document Object Model)文档对象模型
[理解下DOM] DOM——Document Object Mode.DOM是网页上XHTML中文档正文标题啊.段落.列表.样式.以及ID/class等所有其他数据的一个内部表示.我自己的理解是将网页 ...
- document.write 向文档中写内容,包括文本、脚本、元素之类的,但是它在什么时候执行不会覆盖当前页面内容尼?
当你打开一个页面,浏览器会 调用 document.open() 打开文档 document.write(...) 将下载到的网页内容写入文档 所有内容写完了,就调用 document.close() ...
- JS--dom对象:document object model文档对象模型
dom对象:document object model文档对象模型 文档:超文本标记文档 html xml 对象:提供了属性和方法 模型:使用属性和方法操作超文本标记性文档 可以使用js里面的DOM提 ...
- Javascript中只能在 HTML 输出流中使用 document.write,在文档已加载后使用它(比如在函数中),会覆盖整个文档。
意思就是说,初次加载时如果没有加载document.write,那么再次加载的时候回覆盖掉原来的内容,只显示新加载的内容. <!DOCTYPE html> <html> < ...
随机推荐
- java dbcp连接池的使用
package com.jb.jubmis.comm; import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQL ...
- SNMP MIB中的含read-create节点的表的实现
做过snmp/mib开发的知道,常见的节点类型一般只有no-accessible,read-only,read-write三种访问类型.snmp V2中引入了一种新的访问类型:read-create. ...
- Jupyter增加内核
本例的Jupyter安装在Python3下,以增加Python2内核为例. 首先确认在Python3下已安装了内核: ipython kernel install --user #or python3 ...
- CSS复合样式
关于font OK,我们先从font来谈起. 如下一段代码: div{ font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1'; font-weigh ...
- ubuntu12.04_64bit adb shell
1.#adb shell 提示error: insufficient permissions for device 解决办法: 1)sudo gedit /etc/udev/rules.d/51-an ...
- linux C(hello world) 解方程
- C++ CopyFile
复制文件 关键点 CopyFile The CopyFile function copies an existing file to a new file. The CopyFileEx functi ...
- 安装jasperwave出错
1.错误描写叙述 2.错误原因 无法下载"com.jasperwave.engine_1.1.0.jar",须要又一次下载 3.解决的方法 将"com.jasperwav ...
- oc-23-static
#import <Foundation/Foundation.h> #import "Person.h" int main(int argc, const char * ...
- UIButton设置了UIControlStateSelected和UIControlStateHighlighted状态的图片点击会闪烁的解决方案
[btn setBackgroundImage:img1 forState:UIControlStateSelected|UIControlStateHighlighted]; [btn setIma ...