iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 14
0
自我挑戰組

30天打造自己的 Umbraco CMS 系列 第 14

Day 14 - Umbraco - 我們來新增一個前台看的到的頁面吧!

接下來大都會開始帶著讀者一同實作,體驗一下 Umbraco

前面講那麼多,前台都沒感覺耶!?

前面13天都在講 Umbraco 後台的功能及設定只能算是打地基,
不然直接講怎麼新增一天前台看的到的文章肯定會一頭霧水啊!!

今天先簡易的帶大家利用範例網站所提供的 Document type 及 Template 快速建立一個頁面吧。


先建立 Landing Page

我們先來建立一個名為 iThome 的 Landing Page吧。

  1. Content Section => 點 Home 右邊的三個點 => 選擇 Landing Page
  2. 輸入 iThome => 按右下角的 Save and publish
  3. 回到前台並重新整理
  4. 恭喜第一步成功


先將 iThome移動至第一個後,建立一個子節點

  1. Home 右鍵 => Sort => 將剛剛建立的 iThome 移動到第一個 => Save
  2. iThome 右邊的三個點 => 選擇 Text Page => 輸入 30Day => Save and publish
  3. 回到前台並重新整理,這時會發現滑鼠移動到 iThome 時會展開下拉選單
  4. 點剛剛建立的子節點
  5. 恭喜建立子節點成功


來幫剛剛的子節點新增一點內容吧

  1. 選擇 Article Wide => Add Content => 選擇 Rich text editor => 輸入任意內容
  2. 點 "+" 按鈕 => 選擇 Article
  3. 左邊的 Add Content 選擇 Image 並選一張圖片
  4. 右邊的 Add Content 選擇 Rich text editor => 輸入任意內容
  5. Save and publish
  6. 回到前台並重新整理
  7. 恭喜新增節點內容


今日總結

今天我們很快速地建立一個功能選單,並新增了一筆子節點也添加其內容。
Add Content裡面其實有很多不同類型的東西可以選,
大家有興趣都可以自己玩看看。

慢慢地要進入寫 Code 的地方,敬請期待啊!!


上一篇
Day 13 - Umbraco - Media
下一篇
Day 15 - Umbraco - 在後台建立一個全新的View吧
系列文
30天打造自己的 Umbraco CMS 18

尚未有邦友留言

立即登入留言