Umbraco(2) - Creating Your First Template and Content Node(翻译文档)

创建(编辑)你的第一个模板(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页面将会消失,我们将会看到一个原始的,没有样式的页面!我们先说到这里!

时间: 2024-10-10 05:51:37

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

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-part-1/ 创建更多的页面 使用可维护的模板结构 我们已经了解了如何创建一个Document Type,我们可以创建一个只有三个页面的简单网站:Home,News,Contact us.方法就是创建三种(Document Types)文档类型和它们相关联的模板(Create matching temp

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

创建一个Contact Us页面 我们将创建一个新的”联系我们“页面,在该页面我们将放置简单的联系信息.对于添加这个功能你可能想替换为一个完全成熟的形式. 一些有效的解决方案: 使用表面控制器构建自己的接触形式: http://our.umbraco.org/documentation/Reference/Templating/Mvc/forms或者是 http://umbraco.tv/videos/developer/fundamentals/surface-controllers/ 如果你

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

Document Types Data first nothing in = nothing out! 任何网站的第一步是创建一个"Document Type"-几次安装后你会熟悉这个术语,但一开始可能有点令人困惑.Document Type在Umbraco中是一个数据容器,您可以添加数据字段/属性,编辑用户可以在其中输入数据和Umbraco中还可以使用它来输出相关部分"template"(稍后详细介绍这些). Document Types是无限扩展的,但是通常你会

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-type-properties/ 输出文档类型属性 你会注意到,我们添加到homepage文档类型中的属性内容并没有显示出来.我们需要将文档类型中定义的属性和显示该文档类型的模板结合起来(那些在Umbraco中创建的数据字段可以编辑),首先让我们看下在homepage页面中属性内容应该显示的位置: [我们

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

在Umbraco上每个部分都可以被称为一个应用程序,所以这些部分和应用程序基本上是一样的.我们首先要做的事情是需要创建应用程序.在这个例子中,我不会去摆弄xml文件或是数据库——我将使用类来创建我的内容. 我需要做的第一件事就是创建一个类,实现Application接口,这样我们的Umbraco将会初始化这个类. [Application("CustomSection", "CustomSection","icon-car", 15)] publ

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

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Javascript 看着我们的主页面很显然的发现css和javascript模板并没有加上.包括这个网站的根目录中的导航(例如:"C:\inetpub\wwwroot"这可能是不同的根据您的安装类型),在Windows资源管理器中复制css\style.css文件到[你网站的根目录]\Css文

创建一个内容提供者Creating a Content Provider——翻译总结自developer.android.com

前言 content provider提供了一种访问结构化数据的方式.他通过封装数据进行安全的数据访问.content provider是跨进程访问数据的标准接口. 当你想访问content Provider的数据的时候,使用Context对象中的ContentResolver对象.这个对象和content provider的一个对象进行交互.provider对象接收客户端的查询等请求,并返回结果. 如果你的应用不需要和其他的应用共享数据,那么可以不必开发content provider.但你你

翻译qmake文档(三) Creating Project Files

上一篇: 翻译qmake文档(二) Getting Started 原英文文档:http://qt-project.org/doc/qt-5/qmake-project-files.html 创建项目文件 项目文件包含qmake构建你的应用程序,库文件,或插件需要的所有信息.通常,你会在项目文件里使用一系列的声明指定资源,但是对简单程序构造的支持,允许你为不同的平台或环境描述不同的构建过程. 项目文件元素 qmake使用的项目文件格式可以支持简单和复杂的构建系统使用.简的项目文件使用简单的声明样

[ jquery 文档处理 append(content|fn) ] 此方法用于向每个匹配的元素内部追加内容,这个操作与javascript对指定的元素执行appendChild方法,将它们添加到文档中的情况类似

此方法用于向每个匹配的元素内部追加内容,这个操作与javascript对指定的元素执行appendChild方法,将它们添加到文档中的情况类似 参数解释如下: content 要追加到目标中的内容 function(index, html) 返回一个HTML字符串,用于追加到每一个匹配元素的里边.接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值. 实例: <html lang='zh-cn'> <head> <title>I