十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
翻译原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco2creatingyourfirsttemplateandcontentnode/
创新互联长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为承留企业提供专业的成都网站设计、网站建设,承留网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
创建(编辑)你的第一个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页面将会消失,我们将会看到一个原始的,没有样式的页面!我们先说到这里!