Orchard官方文檔翻譯(六) 建立你的第一個Orchartd站點


讓我們開始

該主題內容已在Orchard1.8Release版本下測試通過。

這里通過向導式的教程來告訴大家Orchard的功能如何使用。如果你是第一次使用Orchard,該文檔就是為你而准備的!

Orchard使用從零開始

對於初次接觸Orchard的你來說,這里就是你的聖地,因為你能在這里找到最新的Orchard資源。

  1. Orchard 初學者
  2. Orchard CodePlex - Orchard代碼庫
  3. Orchard 討論區 - 關於Orchard討論區
  4. Orchard 文檔 - 與Orchard有關的文檔
  5. Orchard社區站點 - 為全世界服務的Orchard社區站點
  6. Orchard CMS 周例會

該主題內容基於你已經成功安裝Orchard並完成了站點的初始化。如果你還沒有這么做,跟隨該操作指南安裝Orchard (翻譯)

這里提供了許多種運行Orchard的方式(譯者注:Internet)而不僅僅是將Orchard運行在本地PC或本地服務器上。

嘗試Orchard

Try Orchard! 是一個Orchard內容管理框架的演示站點:無論你在哪都可以按照你喜歡的方式來感受Orchard並在該演示站點上進行各種設置上的更改。

無需注冊,無需安裝,沒有任何其他需求,僅僅只是點擊Try Orchard!,打開一個不斷初始化的演示站點來玩轉它。可以非常容易的邁出Orchard使用的第一步。

不必多久便會意識到Try Orchard!僅僅是作為測試之用:每隔一段時間該演示站點便會將你發布在上面的博客擦除的一干二凈。

DotNest : Orchard SaaS提供商

DotNest是一個Orchard SaaS提供商: 這意味着你可以很容易的注冊以及創建運行在雲平台上的Orchard站點而不會有任何的煩惱。你的web站點會非常好的工作起來:你不必發布以及升級,僅僅只需要去使用。

通過DotNest你能夠很輕易、快速的將你的web站點展示給所有人。相互分離的用戶接口與功能使你甚至可以開發Orchard外觀主題以及通過其他多種方式來定制你的專屬Orchard站點。

 

便利性帶來的不足之處:  由於DotNest體系結構的原因你無法安裝自定義模塊,所以你只能使用那些已開放的模塊(對於大部分的web站點而言那些功能模塊不夠豐富)。

1) 什么是DotNest

2) 點擊New Tenant來創建一個新租戶

3) 填入必要的信息來創建New Tenant(新租戶)

3) New Tenant成功創建后自動進入站點

Azure上的Orchard

免費注冊Azure后你可以通過Azure Gallery找到Orchard后選擇並部署。

部署在Azure上的Orchard站點完完全全的出於你的控制之下:你可以安裝任何你想要的外觀主題與模塊。由此而來的職責便是:你將不得不獨自維護站點的升級與修復。

更改默認頁布局

題外話,Orchard就如同“外觀機器”一樣把外觀主題套用到你的站點上。這其中包括CSS樣式與布局。Orchard允許你為站點中的每一個頁面選擇或排除已分配的布局(區域)。

Navigation區域包含一個帶有菜單的獨立tab頁。TripelFirstTripleSecond以及TripleThird區域位於頁面的底部,用於存放居於不同顯示位置的短篇段落文字。

每個頁面都會有一個中心地帶(意思是,從"Welcome to Orchard"至"Thank you for using Orchard")來對頁面主體進行引用。

通過皮膚機制可以進行許多可能的區域定義,為頁面設置區域的顯示/隱藏以及所包含的部件(widgets)。你可以點擊這里來學習更多關於widgets的知識。 Navigation,,TripelFirst,,TripelSecond以及 TripelThird區域都是可見的因為其中都包含了具有內容的widgets。

1) 通過左側菜單選擇Widgets

Widgets的管理頁面打開時默認為Default布局下的widgets管理。在Default布局下所有的區域都是可見的且會套用到所有的頁面中。因此,包含Main Menu的導航區域會顯示在所有的站點頁面中。在圖片中我們可以看到Main Menu部件具有綠色的注解,因為它已經被添加到了當前布局的區域當中。

2) 選擇HomePage布局來查看home頁面下可見的區域

Widgets被添加到區域當中后會出現綠色的注解背景(FirstLeaderAside,SecondLeaderAside以及ThirdLeaderAside)。被添加到其他布局下的widgets會出現灰色注解背景(Main Menu)。

TripelFirst,TripelSecond以及TripelThird區域包含有對應的widgets使得它們在home頁面下是可見的。移除區域下所有的widgets將會使得該區域不可見。

3) 點擊Third Leader Aside旁邊的Remove

在home頁面下的TripelThird區域在不久之后將會不再可見。

4) 點擊TripelThird旁邊的Add來為該區域新增widgets

6) 為你的widget輸入標題與內容

7) Save你剛剛創建的widget。

8) 在dashboard頁面為你的站點選擇upper-left side模式后產看修改后的home頁面,你會見到你剛剛新增了widgets的TripelThird區域。

編輯Home頁面的內容

Orchard提供了一個功能讓你可以很容易的編輯頁面上的內容區域。想要激活該功能你必須打開Content Control Wrapper以及Widget Control Wrapper模塊

1) 點擊左側菜單的Modules

2) 啟用 Content Control Wrapper

3) 啟用 Widget Control Wrapper

一旦上述模塊被啟用,你便能夠通過點擊各區域的Edit鏈接(位於頂部的右邊)來編輯內容。

4) 在home頁面上點擊TripelFirst區域的Edit鏈接。

5) 更改標題,更改或移除區域中的內容文本。

插入媒體項

6) 點擊Insert Media Item插入媒體文件

7) 點擊Create Folder創建文件夾

8) 將文件夾命名為myImages后點擊Save

9) 點擊剛剛創建的文件夾myImages,然后點擊Import

10) 點擊My Computer后點擊中央區域來選擇想要添加的圖片。如果你願意的話你還可以直接將圖片拖拽到中央區域來添加。

11) 關閉對話框

12) 點擊圖片后點擊Select按鈕

13) 如果有必要,你還可以改變放入區域的圖片大小。之后點擊Save按鈕來保存widget所發生的變化。

home頁面將會自動顯示更新后的區域內容。

14) 點擊頁面Body處的Edit鏈接

Orchard將會進入Edit Page界面

Note: 另一個進入Edit Page界面的方式是通過Dashboard下左側的Content按鈕,然后通過點擊頁面的Edit

15) 隨便輸入點什么內容

16) 點擊位於頁面底部的Publish Now按鈕將會立即將所做的改變反映在對應頁面上。

為你的站點增加新頁面

1) 進入Orchard Dashboard,點擊New下面的Page

2) 輸入頁面標題。當你輸入頁面標題后並保存后(例如"Download"),泊碼鏈接將會被自動填充("download")。如果你願意的話你還可以為頁面設置一個不同的URL。

3) 在頁面Body的位置隨便寫點什么。

4) 在Tags文本框中,使用逗號來分割"download"、"Orchard"這樣的標簽后可以通過這些標簽來搜索以及篩選記錄。

5) 選中Show on main menu后輸入菜單文本"Downloads" 以顯示在站點的主菜單中。

6) 點擊Publish Now將頁面狀態更新為立即可見。你還可以將頁面存為草稿(可以在發布前繼續編輯)或者設定在某個時間點來發布頁面。

7) 在Dashboard中為站點選擇upper-left side的展現方式后通過home頁面的新菜單項來查看頁面。點擊Downloads后你會看到你剛剛發布的新頁面。

為頁面增加新的Layer(布局)

想要改變新頁面的布局方式但又不希望對站點中的其他頁面產生影響的話,可以為Dowlsloads頁面創建一個專屬的layer。你可以用widgets填充layer且這些改變只會發生在Downloads頁面上。

1) 進入Dashboard后在左側選擇Widgets。點擊add a new layer來創建一個新的layer,之后你可以對你的新頁面進行自定義的布局。

2) 輸入layer名稱、描述以及布局應用規則:url"~/download"。當瀏覽器的url符合剛剛的規則時將會只顯示該layer下的widgets。點擊Save保存。

新增HTML Widget

3) 當確認layer的規則能夠正常工作時便可以為layer新增widget了。確認當前的layer是Download。點擊AsideFirst旁邊的Add按鈕。

4) 選擇Html Widget

5) 輸入標題以及內容,保存。

6) 在Dashboard中選擇upper-left side的模式,導航至Downloads,你將會看到剛剛的自定義布局。

更換外觀主題

你可以為你的站點更換一個看起來更加賞心悅目的外觀主題。

1) 進入Orchard Dashboard,從左側選擇Themes。當前已安裝的皮膚會以列表的形式展現出來。

2) 下載新的皮膚,點擊tab頁Gallery

3) 在搜索框輸入PJS.Bootstrap來找到名為PJS.Bootstrap的皮膚並安裝。

4) 點擊tab頁Installed

tab也Installed中已經安裝的皮膚會以可選項的形式出現在Available節點下。在下面的圖片說明中,已經安裝的皮膚PJS.Bootstrap出現在Available節點下。(圖片中的站點使用的皮膚便是PJS.Bootstrap)

5) 點擊皮膚下的Preview可以預覽站點應用該皮膚后的樣子。想要應用中意的皮膚只需點擊Set Current。想要得到更多的詳情,點擊預覽以及應用皮膚安裝皮膚

通過功能模塊擴展Orchard

Orchard的兩點之一便是可以很便捷的為站點增加新的功能。安裝模塊是目前最為主要的方式。你可以考慮通過文件包的形式(例如.zip文件)來為站點安裝模塊。瀏覽Orchard目前包含的模塊,進入Dashboard后點擊Modules進入Modules潔面后點擊tab頁Installed

除了Orchard目前嵌入的模塊外,你還可以安裝其他新模塊。更多信息點擊安裝、更新模塊以及將模塊注冊至組件庫

每個獨立的模塊都會展示所具備的功能並且可以啟用/禁用。點解Modules界面的tab頁Features來查看內嵌模塊的功能介紹。

每一個功能都會有Enable或者Disable鏈接(取決於該功能目前的狀態),某些功能還會有所依賴的其他功能列表。該文檔通過對Orchard下多種功能的描述應該能令讀者學會如何定制自己的站點。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM