Orchard開篇

這個主題的目標(biāo)和測試是基于Orchard 1.8 版本的

展示了Orchard提供的特性,提供 step-by-step 的教程指導(dǎo)。如果這是你第一次使用Orchard,這個文檔非常適合你。

Getting Started with Orchard

新的Orchard,你需要知道如何在正確的地方找到資源和Orchard的最新信息。

  1. Orchard Beginner
  2. Orchard CodePlex - Orchard Code Repository
  3. Orchard Discussion Forum - Discussion area for Orchard
  4. Orchard Documentation - Documentation area for Orchard
  5. Orchard Community Websites - Community sites on Orchard from all over the world
  6. Orchard CMS Weekly Meeting

這個主題假設(shè)你已經(jīng)安裝Orchard并創(chuàng)建了你的網(wǎng)站。如果你沒有,沿著Installing Orchard說明介紹創(chuàng)建你的網(wǎng)站吧。

在本地計算機(jī)或iis服務(wù)器上沒有安裝Orchard的情況下,這里有大量的選項來啟動和運(yùn)行Orchard。

Try Orchard

Try Orchard! 是一個展示Orchard content management framework 的平臺,你可以通過一個正在運(yùn)行的demo站點來感受Orchard。

不需要注冊,不需要新建,沒有過多要求,你就可以到Try Orchard! 上打開一個反復(fù)重新安裝的示例站點去體驗。這是感受Orchard初體驗最簡單的方法。

不過需要注意的是 Try Orchard僅僅是提供測試用的,所以請不要在上面發(fā)布你的正式博客等。

1.png
2.png

DotNest : Orchard SaaS provider

DotNest 是Orchard SasS 提供者:這意味著你可以非常簡單的在云上注冊和創(chuàng)建Orchard網(wǎng)站。
你的網(wǎng)站將持續(xù)工作不需要你去部署和后續(xù)維護(hù)。

通過DotNest你可以體驗到Orchard非常簡單,快捷,并且當(dāng)你可以將你的網(wǎng)站展示給任何人。除了逐漸熟悉用戶界面和特征之外你還可以進(jìn)入basics of Orchard theme development 用不同的方法打造你的個性化站點。

便利帶來的不利之處:由于DotNest的架構(gòu)你不能安裝自定義modules,因此你只能使用已經(jīng)存在的那些組件。(但是對于大多數(shù)網(wǎng)站來說已經(jīng)足夠了)

1) What is DotNest

3.png

2) Click New Tenant to create a new tenant on DotNest

4.png

3) Fill in the required details to create a New Tenant

5.png

3) New Tenant successfully created

6.png

Orchard on Azure Websites

free registration 上,你同樣可以在Azure Gallery找到Orchard并僅僅通過點擊部署你的網(wǎng)站。

你在 Azure Websites 上的Orchard網(wǎng)站將完全在你的掌控之下:你可以安裝任意你想安裝的module和theme。但是這些會給你自己帶來一些任務(wù): 你必須自己維護(hù)、更新你的網(wǎng)站。

7.png
8.png
15.png
14.png

Changing The Layout Of The Home Page

Orchard提供一個被稱為“Theme Machine”的theme。Theme Machine 包含了CSS樣式和一個layout。Orchard讓你可以有選擇的將layout的部分(稱為zone,比如Navigation,footer等)包含或剔除在你的網(wǎng)站任意頁面中。

ThemeZonePreview_homepage_675.png

Navigation 區(qū)域包含一個菜單和單個選項卡Home。 TripelFirst, TripleSecond,TripleThird 區(qū)域在頁面的底部被填充First Leader Aside, Second Leader Aside and Third Leader Aside 段落的虛擬文本。

除zones(區(qū)域)之外,每個頁面有一個中心區(qū)域,在這個教程中,被叫做Body。

homepage_before_contextual_edits_675.png

雖然Theme Machine定義了許多合適的區(qū)域,但是在給定的區(qū)域中唯一可見的區(qū)域是那些添加了widgets的。 (你可以在這里學(xué)到更多關(guān)于 widgets here)。Navigation,TripelFirst, TripelSecond and TripelThird zones(區(qū)域)在home page都是可見的因為他們包含widgets。

1) Select Widgets from the Dashboard.

Default層被選擇時Widgets管理頁面打開。任何區(qū)域在Default layer(默認(rèn)層)將顯示在所有的頁面中。因此,Navigation 在所有的頁面中都是顯示的并且有一個Main Menu widget.
Main Menu widget被標(biāo)注為綠色因為它在current layer被添加到一個區(qū)域中.

widgets_default_layer_675.png

2) 選擇HomePage層來查看在home page中哪些區(qū)域是顯示的

在選中層中被添加了Widgets的zones將被標(biāo)記為綠色(如FirstLeaderAside, SecondLeaderAside and ThirdLeaderAside)。在其他層中被添加了Widgets的zonges將被標(biāo)記為灰色(Main Menu)

homepage_layer_selection_675.png

![Uploading homepage_layer_selection_675_137653.png . . .]


homepage_layer_675.png

在home page 中的由于有widgets,TripelFirst, TripelSecond, and TripelThird區(qū)域是顯示的。移除所有widgets將使得該zone不顯示。
3) Select Remove for the Third Leader Aside widget.

homepage_tripelthird_675.png

在home page中TripelThird zone將不再可見。

homepage_remove_tripelthird_675.png

4) 選擇Add為TripelThird zone添加一個widget

homepage_add_tripelthird_675.png

5) 選擇HTML Widget 給TripelThird zone添加這種類型的widget

homepage_choose_widget_675.png

6) 為widget輸入一個標(biāo)題和一些內(nèi)容

homepage_new_thirdleaderaside_675.png

7) Save保存這個新的widget

8) 在Dashboard視圖的左上方選擇 Your Site 來查home page的更改情況,你將看到新的TripelThird區(qū)域。

homepage_modified_thirdleaderaside_675.png

Editing The Content Of The Home Page(編輯Home page內(nèi)容)

Orchard提供了一種非常容易編輯page或zone中內(nèi)容的特性。要打開這個 feature(特性)你必須啟用 Content Control WrapperWidget Control Wrapper 模塊。

1) 在Dashboard中選擇 Modules

2) 啟用Content Control Wrapper

3) 啟用Widget Control Wrapper

9.png

當(dāng)這些模塊都被啟用后,你可以通過點擊zone中的Edit鏈接來編輯內(nèi)容。

home_page_675.png

4) 在home page的TripelFirst zone中選擇 Edit 鏈接

5) 隨意的改變標(biāo)題,修改或刪除該區(qū)域的文字

(插入多媒體項)

6) 選擇Insert Media Item

edit_widget_media_1_675.png

7) 點擊Create Folder

MedLibCreateFolder.png

8) 給這個文件夾取名為myImages 并點擊Save 保存

MedLibSaveFolderName.png

9) 點擊myImages 文件夾,并且點擊Import 導(dǎo)入

MedLibImport.png

10) 點擊 My Computer 并且在central zone點擊來選擇一張圖片。你也可以拖拽一張圖片到central zone區(qū)域。

MedLibUpload.png

11) 關(guān)閉此對話框

MedLibClose.png

12) 點擊該圖片并點擊Select

MedLibSelectImage.png

13) 如果有必要,調(diào)整圖片大小使其完美填充該zone。點擊 Save 來保存修改。

MedLibSaveContent.png

home page 自動顯示更新后的區(qū)域

FirstLeaderAside.png

14) Select the Edit link for the Body of the page.(選擇page中Body里的 Edit 鏈接)

edit_body_675.png

Orchard will display the Edit Page screen.(Orchard 將顯示 Edit Page 界面)

Note: The Edit Page screen can also be reached from the Dashboard by selecting Content on the Dashboard and then selecting Edit for the page you are interested in.

15) Enter some text for the content. (在內(nèi)容中填寫一些文字)

edit_homepage_675.png

16) Select Publish Now at the bottom of the page to make the updates to the page visible immediately.(在頁面的下面部分選擇Publish Now 發(fā)布,來立即更新頁面顯示 )

PagePublishNow.png

Adding a New Page to Your Site (在你的站點中添加一個新頁面)

1) 在Dashboard中的New下面,選擇Page

2) 為這個頁面輸入一個標(biāo)題。當(dāng)你輸入標(biāo)題并保存之后(比如輸入“Download”),將自動生成“download” 的永久連接。 如果你更新歡其他的URL你可以編輯該鏈接。

3) 為內(nèi)容頁輸入一些文本.

create_new_page_0_1_675.png

4)Tags字段中,添加comma-separated標(biāo)簽,例如"download" 和 "Orchard"使得你可以在后面通過標(biāo)簽來查找或過濾。

5) 選中 Show on main menu 并且輸入菜單顯示文本("Downloads")使它在站點的主菜單中可用。

6) 選擇Publish Now 進(jìn)行發(fā)布,使得修改立即生效。你也可以保存為草稿,在合適的時間再發(fā)布。

CreateNewPage.png

7) 在Dashboard的左上角選擇Your Site 來查看主頁中主菜單的的修改。點擊 Downloads 你將會看到你新建的頁面。

Adding New Layer for a Page(為一個頁面創(chuàng)建一個新的層)

要改變你的新頁面布局并且不影響其他網(wǎng)站你可以新建一個layout,它將只應(yīng)用到 Downloads 頁. 你可以放置一些widgets 在這個layer中,他們只會在Downloads 頁中顯示。

1) 在Dashboard中選擇 Widgets. 點擊 add a new layer 為這個頁面添加一個新的。它允許你在稍后可以自定義這個新頁面

AddNewLayer.png

2) 為這個layer寫下一個名字,一段描述和一個layer規(guī)則: url"~/download". 這將告訴 Orchard 系統(tǒng)僅當(dāng)url為"download"時顯示這個 widgets。

create_new_page_2_2_675.png

添加一個HTML widgets

3) 要檢查你的layer規(guī)則工作情況,你可以為它添加一個 widget . 確保 Current LayerDownload. 在 AsideFirst中點擊 Add

AddNewWidget.png

4) 添加一個新的Html Widget.

AddHtmlWidget.png

5) 為它寫下一個標(biāo)題和內(nèi)容并保存。

EditHtmlWidget.png

6) 在Dashboard的坐上角選擇 Your Site .導(dǎo)航到 Downloads. 你將看到訂制層。

CustomLayoutResult.png

選擇一個主題

想改變你網(wǎng)站的外觀你可以通過選擇一個主題來實現(xiàn)。

1) 在Orchard Dashboard 中, 選擇 Themes。將羅列出當(dāng)前已安裝的主題。

2) 可以通過選擇 Gallery 選項下載新的主題。

3) 搜索 PJS.Bootstrap 來查找 PJS.Bootstrap Theme. 并且安裝 PJS.Bootstrap 主題.

4) 選擇 Installed 標(biāo)簽頁。

當(dāng)成功安裝一個主題后,它將顯示在 Installed 標(biāo)簽頁中的 Available 塊. 在下圖中, PJS.Bootstrap 主題已被安裝因此它顯示在Available 塊 (該網(wǎng)站的當(dāng)前主題為 PJS.Bootstrap.)

5) 要想看在這個主題下你網(wǎng)站的樣子,選擇主題的 Preview 。要使你的網(wǎng)站使用當(dāng)前可用主題選擇該主題的 Set Current 。 想知道更多關(guān)于主題的詳細(xì)信息請參見 Previewing and Applying a ThemeInstalling Themes.

10.png
11.png

通過 Modules 和 Features擴(kuò)展 Orchard

Orchard的一個關(guān)鍵特性是可以通過添加新features給你的網(wǎng)站添加新功能。主要途徑是通過安裝模塊(modules).你可以將module想象成一個文件包(在一個.ZIP壓縮文件包中)它可以被安裝到你的站點中。要查看Orchard包含那些 modules ,你可以在 Dashboard中點擊 Modules 并點擊 Installed 標(biāo)簽頁.

12.png

Orchard 提供一些內(nèi)置模塊,你也可以安裝新的模塊。遇見詳情請參見 Installing and Upgrading Modules and Registering additional gallery feeds.

單個模塊可以公開,可以單獨啟用或禁用。要查看Orchard已啟用的的內(nèi)置模塊feature , 在 Modules 中點擊 Features 標(biāo)簽頁 。

13.png

每個feature都有一個 Enable or Disable 鏈接 (取決于它的當(dāng)前是否啟用狀態(tài)),以及相關(guān)性的,還必須啟用特定功能的可選列表. 這篇文章通過這個站點描述了Orchard的多種features和你可以如何使用他們來訂制你的用戶界面和行為。


翻譯僅供學(xué)習(xí)之用,如有缺漏請不吝指正。鑒于能力有限定有諸多曲解或不完整的地方,請海涵。

個人blog地址:http://www.cnblogs.com/falcon-fei/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內(nèi)容

  • afinalAfinal是一個android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,467評論 2 45
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,662評論 25 708
  • 回首頁 第一部分 Drupal簡介 Drupal overview A tour of Drupal fundam...
    王乂閱讀 2,047評論 0 9
  • 多姿多彩的海洋世界 大 到鯨魚 小 到蝦米 都有獨特的 來自海洋的神秘 小蟹夾 (約三厘米)
    佳人是知音閱讀 381評論 0 2
  • 大多數(shù)人心中都有一朵花,一些人適時的盛開,一些人想盛開卻把握不好季節(jié),人常說:“英雄不問出處”,我想說:“花開不問...
    云中飄舞閱讀 667評論 0 2