首 页  -  技术分享  - Umbraco(2)- Creating Your First Template and Content Node(翻译文档)

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

分享者:毛亚枝     2015-06-25

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

接下来点击扩展节点图标(这是一个小三角)的后边 - Settings > Templates文件夹 - 然后你应该看到子节点名W为"Homepage" - 这是我们在创建Document Type时自动创建的(还记得之前的复选框吗?)

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

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

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

【Homepage Template 和 Initialize 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页面将会消失,我们将会看到一个原始的,没有样式的页面!我们先说到这里!