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/

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章