Umbraco（2）- Creating Your First Template and Content Node

翻譯原文地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco2creatingyourfirsttemplateandcontentnode/

創(chuàng)建（編輯）你的第一個(gè)Template

接下來(lái)點(diǎn)擊擴(kuò)展節(jié)點(diǎn)圖標(biāo)（這是一個(gè)小三角）的后邊 - Settings > Templates文件夾 - 然后你應(yīng)該看到子節(jié)點(diǎn)名W為"Homepage" - 這是我們?cè)趧?chuàng)建Document Type時(shí)自動(dòng)創(chuàng)建的（還記得之前的復(fù)選框嗎？）

注意 - 在早期版本7.1的樹(shù)下不會(huì)自動(dòng)更新顯示，如果你沒(méi)有看到，請(qǐng)嘗試刷新Umbraco（Ctrl + F5）- 很快將其固定。

點(diǎn)擊Homepage節(jié)點(diǎn)將會(huì)加載這個(gè)模板 - 這里是空的，除了一點(diǎn)點(diǎn)的Razor代碼。

離開(kāi)那里的代碼（如果你不理解它，別擔(dān)心）讓我們復(fù)制模板代碼。從你最喜歡的文本編輯器（notepad ++ 挺好用的）打開(kāi)index.html，整個(gè)復(fù)制粘貼到該Template中，最后記得關(guān)閉花括號(hào)"}"。你的模板現(xiàn)在看起來(lái)像下圖：

【Homepage Template 和 Initialize HTML】

點(diǎn)擊Save按鈕。

我們現(xiàn)在有一個(gè)模板。這是兩三個(gè)階段我們完成的第一頁(yè)。

創(chuàng)建你的第一個(gè)內(nèi)容節(jié)點(diǎn)

Umbraco創(chuàng)建我們第一個(gè)頁(yè)面的第三個(gè)和最后階段是創(chuàng)建一個(gè)內(nèi)容節(jié)點(diǎn)，在內(nèi)容編輯器中可以添加內(nèi)容，然后Umbraco將使用文檔類(lèi)型和模板網(wǎng)站給訪(fǎng)問(wèn)者提供一個(gè)HTML頁(yè)面。
我們現(xiàn)在準(zhǔn)備創(chuàng)建Umbraco的第一頁(yè)！單擊Content按鈕（在左手邊第一個(gè)選項(xiàng)菜單）。

懸停在灰色的文本ＣＯＮＴＥＮＴ后，你將會(huì)看到三個(gè)點(diǎn)．．．-點(diǎn)擊這個(gè)。如果你所做的一切正確，你應(yīng)該可以看到選項(xiàng)來(lái)創(chuàng)建我們的主頁(yè)！

如果你不能看到這個(gè)就不要驚慌 - 檢查一下Settings> Document Types > Homepage node > Structure tab > Allow at root是否被選擇。

讓我們創(chuàng)建我們的主頁(yè)。單擊那個(gè)圖標(biāo)，我們將會(huì)看到我們剛剛建立的 - 我們的文檔類(lèi)型正在推動(dòng)我們的主頁(yè)內(nèi)容 - 它給了我們和它們所需要的編輯字段。

用紅色的頂部形式你會(huì)看到"Enter a name..."點(diǎn)擊并輸入新的內(nèi)容節(jié)點(diǎn)的名稱(chēng)。我們將之稱(chēng)為"Homepage"。

填寫(xiě)一下信息在Contents選項(xiàng)卡：

Page Title Welcome to Widgets Ltd

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

"Widgets Ltd 2014"

單擊頁(yè)腳選項(xiàng)卡并輸入：

Footer Text "Copyright Widgets Ltd 2014"

現(xiàn)在我們點(diǎn)擊綠色按鈕Save and publish。菜單將加載內(nèi)容標(biāo)簽在我們的網(wǎng)頁(yè)節(jié)點(diǎn)。這是好一點(diǎn)的...去瀏覽器刷新你的網(wǎng)頁(yè)http://localhost - 默認(rèn)的Umbraco頁(yè)面將會(huì)消失，我們將會(huì)看到一個(gè)原始的，沒(méi)有樣式的頁(yè)面！我們先說(shuō)到這里！