创建(编辑)你的第一个模板(Template)

展开 Settings > Templates文件夹 - 然后你应该看到子节点名为"Homepage" - 这是我们在创建Document Type时自动创建的(还记得之前的复选框"Create matching template"吗?)

注意 - 在早期版本7.1的树下不会自动更新显示,如果你没有看到,请尝试刷新Umbraco(Ctrl + F5)。

点击Homepage节点将会加载这个模板 - 这里是空的,除了一点点的Razor代码。

先不管那里的代码(如果你不理解它,别担心)让我们复制模板代码。从你最喜欢的文本编辑器(notepad++ 挺好用的)打开index.html,整个复制粘贴到该Template中,最后记得关闭花括号"}"。你的模板现在看起来像下图:

【Homepage Template 和 布局HTML代码】

点击Save按钮。我们现在有一个模板。

创建你的第一个内容节点

Umbraco创建我们第一个页面的第三个和最后阶段是创建一个内容节点,在内容编辑器中可以添加内容,然后Umbraco将使用文档类型和模板给访问者提供一个HTML页面。
我们现在准备创建Umbraco的第一页!单击Content按钮(在左手边第一个选项菜单)。

悬停在灰色的文本CONTENT后,你将会看到三个点...-点击这个。如果你所做的一切正确,你应该可以看到选项来创建我们的主页!

如果你不能看到这个就不要惊慌 - 检查一下Settings> Document Types > Homepage node > Structure tab > Allow at root是否被选择。

让我们创建我们的主页。单击那个图标,我们将会看到我们刚刚建立的 - 我们的文档类型 - 它给了我们所需要编辑的字段。

用红色的顶部形式你会看到"Enter a name..."点击并输入新的内容节点的名称。我们将之称为"Homepage"。

填写一下信息在Contents选项卡:

Page Title: Welcome to Widgets Ltd

Body Text: Hello world! We can write what we like here!

"Widgets Ltd 2014"

单击页脚选项卡并输入:

Footer Text: "Copyright Widgets Ltd 2014"

现在我们点击绿色按钮Save and publish菜单,将发布该内容作为我们网站的首页。去浏览器刷新你的网页http://localhost - 默认的Umbraco页面将会消失,我们将会看到一个原始的,没有样式的页面!我们先说到这里!

【原文:https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Creating-Your-First-Template-and-Content-Node

Umbraco(2) - Creating Your First Template and Content Node(翻译文档)的更多相关文章

  1. 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 ...

  2. Umbraco(6)-Creating More Pages Using the Master - Part 2(翻译文档)

    创建一个Contact Us页面 我们将创建一个新的”联系我们“页面,在该页面我们将放置简单的联系信息.对于添加这个功能你可能想替换为一个完全成熟的形式. 一些有效的解决方案: 使用表面控制器构建自己 ...

  3. Umbraco(1) - Document Types(翻译文档)

    Document Types Data first nothing in = nothing out! 任何网站的第一步是创建一个"Document Type"-几次安装后你会熟悉 ...

  4. 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 ...

  5. 管理后台-第一部分:Creating custom sections in Umbraco 7 - Part 1(翻译文档)

    在Umbraco上每个部分都可以被称为一个应用程序,所以这些部分和应用程序基本上是一样的.我们首先要做的事情是需要创建应用程序.在这个例子中,我不会去摆弄xml文件或是数据库——我将使用类来创建我的内 ...

  6. 管理后台-第二部分:Custom sections in Umbraco 7 – Part 2 the views(翻译文档)

    在上一篇文章中我们讨论了怎样在我们Umbraco7.0版本中去添加一个新的自定义的应用程序(或部分)和如何去定义一个树.现在我将给你展示你改何如添加视图,来使你的内容可以做一些更有意义的事情. The ...

  7. Umbraco(3) - CSS & Javascript(翻译文档)

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Jav ...

  8. Umbraco文档类型定义多个template

    利用这个可以同时写PC端和手机端的网站, 在Template中,建立手机端的模板: 在文档类型中,同时选择两个模板,在浏览的时候在URL后加上Template的名称 + .aspx 就可以浏览到你写的 ...

  9. 翻译qmake文档(三) Creating Project Files

    翻译qmake文档 目录   原英文文档:http://qt-project.org/doc/qt-5/qmake-project-files.html   创建项目文件 项目文件包含qmake构建你 ...

随机推荐

  1. 结构类模式(七):代理(Proxy)

    定义 为其他对象提供一种代理以控制对这个对象的访问. 代理模式也叫做委托模式,它是一项基本设计技巧.许多其他的模式,如状态模式.策略模式.访问者模式本质上是在更特殊的场合采用了委托模式,而且在日常的应 ...

  2. js中的null和undefined

    大部分编程语言一般有一个表示“无”的值,而js中却有两个,null和undefined.所以查了一些资料,小结在此,以便查阅. js中的变量有两大类,基本的值类型,引用类型.其中值类型分为:Undef ...

  3. HDU 2066 一个人的旅行 - from lanshui_Yang

    Problem Description 虽然草儿是个路痴(就是在杭电待了一年多,居然还会在校园里迷路的人,汗~),但是草儿仍然很喜欢旅行,因为在旅途中 会遇见很多人(白马王子,^0^),很多事,还能丰 ...

  4. aix-裸设备文件大小查看

    1.使用lsvg 查看有哪些vg 2.使用lsvg myvg VOLUME GROUP: myvg VG IDENTIFIER: 00f7563100004c000000013e5f8a53fa VG ...

  5. JS原生方法实现jQuery的ready()

    浏览器加载页面的顺序: 1. 解析HTML结构 2. 加载外部脚本和样式表文件 3. 解析并执行脚本代码 4. 构造HTML DOM模型==ready() 5. 加载图片等组件 6. 页面加载完毕== ...

  6. Java常见排序算法之Shell排序

    在学习算法的过程中,我们难免会接触很多和排序相关的算法.总而言之,对于任何编程人员来说,基本的排序算法是必须要掌握的. 从今天开始,我们将要进行基本的排序算法的讲解.Are you ready?Let ...

  7. JDBC概述以及几种驱动程序

    JDBC(Java DataBase Connectivity,数据库连接)是用来执行SQL的Java API.开发人员可以使用这些标准API来连接和操作数据库 JDBC是Java的规范,考虑到规范的 ...

  8. Linux系统编程——进程间通信:命名管道(FIFO)

    命名管道的概述 无名管道,因为没有名字,仅仅能用于亲缘关系的进程间通信(很多其它详情.请看<无名管道>).为了克服这个缺点.提出了命名管道(FIFO).也叫有名管道.FIFO 文件. 命名 ...

  9. 【转】python代码风格-PEP8

    转载自http://www.douban.com/note/134971609/ Python 的代码风格由 PEP 8 描述.这个文档描述了 Python 编程风格的方方面面.在遵守这个文档的条件下 ...

  10. 【OC语法快览】四、基础内存管理

    Basic Memory Management                                                           基础内存管理 If you're w ...