文章內容基於Orchard 1.8版本
本文將逐步簡要介紹Orchard提供的功能。如果你是第一次使用Orchard,本文將非常適合你。
Orchard入門
對於初次接觸Orchard的人,我們提供以下一些關於Orchard資源和最新信息的鏈接:
- Orchard Beginner
- Orchard in GitHub - Orchard Code Repository
- Orchard Discussion Forum - Discussion area for Orchard
- Orchard Documentation - Documentation area for Orchard
- Orchard Community Websites - Community sites on Orchard from all over the world
- Orchard CMS Weekly Meeting
本文假設你已經安裝了Orchard並且已經配置號了網站。如果沒有,參見:原文:Installing Orchard、譯文:Orchard 安裝。
另外,如果你沒有在本地機器或本地IIS服務器安裝Orchard,你也可以通過其他幾種方法嘗試使用Orchard。
Orchard試用
Try Orchard! 是Orchard的一個運行示例:你可以通過已經運行的Demo示例來嘗試感受Orchard。
關於Try Orchard!:
- 不需要注冊安裝
- 它是一個demo網站,會不斷的重新安裝
- 這是初步了解Orchard最簡單的方式
請注意 Try Orchard! 僅僅是用來測試:demo網站每小時重置一次,所以不要再上面發布你的博客。
DotNest : Orchard SaaS 提供商
DotNest 是Orchard SaaS 提供商: 那意味着你可以很方便的注冊並創建Orchard網站——運行在雲服務上。你只需要使用它,而不必關注部署和升級的問題。
借助 DotNest,你可以非常方便快速的使用Orchard網站,並且你可以將你在這上面創建的網站公布給所有人訪問。除了使用Orchard的用戶界面和功能,你也可以進行一些Orchard主題的基礎開發,修改網站風格,自定義Orchard網站等。
- basics of Orchard theme development 官網此鏈接有誤,本文已修改
方便也就意味有缺陷:由於DotNest的架構,你無法安裝自定義的模塊,所以你只能使用已有的模塊——不過應該足以應付網站運行的大部分情況。
1) 什么是 DotNest
2) 點擊 New Tenant 來創建托管網站
3) 填寫創建托管網站所必需的信息
3) New Tenant 創建成功
在Azure上運行Orchard網站
免費注冊微軟Azure后,可以在Azure的應用商店里選擇Orchard一鍵部署來創建網站。沒有信用卡的繞行,免費注冊需要信用卡——Visa、萬事達、美國的Express
托管在Azure的Orchard網站完全由你自己控制:你可以安裝任何你想要的模塊和主題。當然,這也就意味着所有的事都得自己干:網站維護、更新升級、問題修復等。
修改主頁布局
Orchard網站默認使用一個名為 "Theme Machine" 的主題。此主題包括 CSS 樣式和一個基本的布局。Orchard允許你控制網站上的每一個頁面包含或不包含哪些部分(區域)。
在 Navigation 區域默認包含一個 Home 選項卡菜單。頁面底部區域的 TripelFirst, TripleSecond 和 TripleThird 內容是虛構的第一,二,三負責人信息。
除了上述區域,每一頁還包含一個中心區域(樣例中為文字 "Welcome to Orchard" 到 "Thank you for using Orchard"),在本教程中,它被稱為頁面的主體-Body 。
盡管Theme Machine 定義了許多可用區域,但只有有部件的區域才會顯示出來,更多部件內容見:原文:Managing-Widgets。首頁顯示Navigation, TripelFirst, TripelSecond 和 TripelThird 區域是由於它們含有部件。下面對此進行演示:
1) 在控制面板中選中 部件 Widgets 。
部件管理頁面打開后默認選中 Default 層。在默認層上顯示的區域將在所有頁面顯示。因此 Navigation 區以及內部的 Main Menu 部件是在所有頁面顯示。主菜單部件顯示為綠色是因為它被添加到當前層的一個區域內。
2) 選擇 HomePage 層可以查看在首頁有哪些區域是顯示的。
在選中層中已添加部件的區域顯示為綠色 (FirstLeaderAside, SecondLeaderAside and ThirdLeaderAside)。 在其他層中已添加部件的區域將顯示為灰色 (Main Menu)。
在首頁中,TripelFirst, TripelSecond, 和 TripelThird 區域都有部件,故會顯示在首頁上。移除部件將會隱藏區域。
3) 點擊 Third Leader Aside 部件后的 Remove 。
區域TripelThird將不在首頁顯示。
4) 點擊TripelThird區域后的 Add 添加部件。
5) 選擇 HTML Widget 添加一個部件到 TripelThird 區域。
6) 輸入部件名稱及內容
7) 點擊 Save 完成添加部件.
8) 點擊控制面板左上角網站名稱跳轉到網站首頁,查看TripelThird區域的變化。
編輯主頁內容
Orchard提供了一個簡化頁面區域或頁面主體編輯的功能。要打開功能,需啟用 Content Control Wrapper 和 Widget Control Wrapper 模塊
1) 點擊控制面板中的 模塊 Modules
2) 啟用 Content Control Wrapper
3) 啟用 Widget Control Wrapper
一旦啟用這兩個模塊,你可以通過點擊區域右上角的 Edit 鏈接來編輯區域內容。
4) 點擊首頁上TripelFirst區域的 Edit 鏈接。
5) 修改標題、主體內容等。
插入媒體文件內容
6) 點擊 Insert Media 按鈕
7) 點擊 Create Folder.
8) 輸入文件夾名稱 myImages 並點擊 Save.
9) 選中文件夾 myImages, 然后點擊 Import
10) 點擊選擇 My Computer ,然后點擊中間區域瀏覽選擇本地圖片上傳。當然,你也可以拖動圖片到中間區域自動上傳。
11) 關閉對話框.
12) 點擊選中圖片后點擊 Select.
13) 如果需要,可以通過右側的處理程序調整圖片大小,比便於更好的顯示在內容區域中。然后點擊 Save 應用部件的更改。
首頁將自動更新改變區域。
14) 點擊頁面 Body 部分的 Edit 鏈接
Orchard將展示 Edit Page
Note: 修改頁面同樣可以在控制面板中打開(選擇 Content 后,點擊要修改頁面后的 Edit 鏈接)。
15) 輸入內容
16) 點擊頁面底部的 Publish Now ,頁面內容將立即更新
添加新頁面
1) 在Orchard的控制面板中,點擊在 New 下面的 Page.
2) 輸入頁面標題。輸入完標題后,頁面鏈接會自動填寫——如:頁面標題為 "Download", 頁面鏈接將自動設為 "download"。當然,你也可以修改為你想要的鏈接。
3) 輸入頁面主體內容。
4) 在 Tags 字段部分,輸入 "download" 和 "Orchard" 並以逗號分割,這樣后面你就可以通過標簽來搜索篩選頁面了。
5) 勾選 Show on main menu 並輸入菜單文本 ("Downloads") 以便通過主菜單鏈接到此頁面
6) 點擊 Publish Now ,立即更新頁面顯示。你也可以將頁面保存為草稿(方便后面在發布前修改),或者選擇在特定的時間發布。
7) 點擊控制面板左上角的網站標題,跳轉至主頁面查看新菜單。點擊 Downloads 菜單,將跳轉到你的新頁面
給頁面添加新層
為了改變新頁面的布局,但又不能影響到其他頁面,你就需要添加一個新層。下面將新層應用到 Downloads 頁面,這樣你可以為 Downloads 頁面添加一些獨有的部件。.
1) 打開控制面板,選擇 Widgets。然后點擊 add a new layer 來添加一個新層。稍后,你將可以自定義布局內容。
2) 輸入層的名稱、描述以及層的規則: url"~/download"。層規則用於告訴 Orchard 網站系統當前層的部件僅僅顯示在url指向 "download"的頁面。然后點擊 Save.
添加 HTML 部件
3) 確認層規則可用,並可以添加部件到層。同時確認 Current Layer 是 Download。點擊AsideFirst后的Add
4) 選擇添加 Html Widget.
5) 輸入標題及內容並保存。
6) 點擊控制面板左上角的 網站名稱 ,進入主頁。然后打開Downloads頁面,你將看到自定義的布局
改變主題
你可以通過改變主題來定制Orchard網站的外觀
1) 在控制面板中,選擇 Themes —— 默認列出已經安裝的主題。
2) 要下載新的主題,點擊 Gallery 標簽。
3) 搜索 PJS.Bootstrap ,找到 PJS.Bootstrap 主題並安裝。
4) 點擊 Installed 標簽。
一旦主題安裝完,它將顯示在Installed 標簽的 Available 部分。在后面的插圖里,PJS.Bootstrap 主題已經安裝,所以它顯示在 Available 部分。
5) 要查看網站應用主題的樣式,可以點擊Preview查看應用主題的效果。確定應用主題,則點擊 Set Current 將主題應用到網站。更多詳細內容見:原文:Previewing and Applying a Theme 和 原文:Installing Themes
Orchard擴展功能模塊
Orchard的一個主要特點是可以新功能來擴展你的網站。它通過安裝模塊來實現此功能。你可以用一個zip壓縮包來安裝模塊。要查看已安裝的模塊,可以在控制面板中點擊 Modules,然后點擊Modules 界面的Installed標簽
Orchard提供了一些內置的模塊,你也可以安裝新模塊。更多信息見:原文:Installing and Upgrading Modules 和 原文:Registering additional gallery feeds.
模塊功能可以單獨的啟用或禁用。要查看Orchard的內置功能模塊,請點擊Modules界面的Features標簽.
每一個功能都有 Enable 或 Disable 鏈接(取決於當前啟用禁用狀態),同時要啟用某些功能模塊,其依賴項也必須啟用。
以上就是本文的全部內容,主要介紹了Orchard的各種功能,以及如何利用這些功能定制你網站的界面和處理行為。
譯:奇葩史