• Umbraco(1)


    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

  • 相关阅读:
    html的入门——从标签开始(2)
    Idea快捷键
    Java_core复习
    gitblit重置管理员密码【gitblit】
    使用命令创建git仓库
    Windows平台下搭建自己的Git服务器【gitblit】
    python笔记
    代码整洁之道
    Vue学习02
    Vue学习01
  • 原文地址:https://www.cnblogs.com/maoyazhi/p/4601734.html
Copyright © 2020-2023  润新知