創建(編輯)你的第一個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頁面將會消失,我們將會看到一個原始的,沒有樣式的頁面!我們先說到這裏!