1. 程式人生 > 實用技巧 >NO.115 使用蟬知搭建個人站案例:先知廚房

NO.115 使用蟬知搭建個人站案例:先知廚房

>>> hot3.png

上班以外的時間,我比較好研究點吃的,會堅持拍照,整理上傳分享。

之前都是在論壇上釋出自己的菜帖,其實一直也想弄一個自己的網站,隨時隨地更新各種和吃有關的圖文、心情之類。

域名之前就有購買過,但是自己對建站完全是個小白,一直都沒接觸過。想著要是花錢請人來搭建自己的網站的話,又覺得只是個人站而已,沒必要花錢。域名就這麼一直放著,到要續費的時候,才想起自己把建站這事遺忘得太久了。

剛好工作團隊在籌劃做這個蟬知企業門戶系統

果斷速速的解析了域名,使用蟬知雲免費建站服務搭建起了目前的個人小站:先知廚房(http://www.manliunian.com/

先知廚房這個站搭建之後,整體的視覺和排版效果,我自己都非常喜歡。


以下是先知廚房的首頁截圖:

145431_P78A_593425.jpg


因為是個人站,只是一個自己做飯心情的小驛站,所以把部落格和論壇的功能都省去了。自己做飯以來,一直堅持著用簡單的食材,簡單的方法,做好吃的飯菜,於是就編了個先知廚房的口號:取質樸的食材,用簡單的方法,做可口的飯菜。這個功能的新增和去掉在後臺的站點設定可以實現。

先知廚房這個小站,主要是記錄自己做過的飯菜的圖文菜譜。

讓食物看起來更美味,當然多使用暖色調的顏色和光。所以整個網站的主題風格我選擇了暖色系的蟬之格。而一般家庭的餐桌布都是格子的,很應景。logo也很簡單,只是單獨找了張照片把字加上,這些都可以在後臺的介面當中做設定。

導航欄上的條目,都是文章的各個分類。

145720_sveo_593425.jpg


接下來,我們來看看導航欄 烘焙點心 欄目下的文章列表。

每篇文章都是以圖文摘要形式排版,右側顯示文章的一張縮圖,以及釋出時間,點選量統計和評論數量。這樣的顯示設定,對文章進行圖文的概要描述,給瀏覽者以清晰直觀的展示和閱讀指向。

文章列表的右側,可在 後臺介面 進行設定。可以選擇放置你自己想要顯示的區塊。我放了文章的分類和先知廚房的簡介。推薦大家在右側都設定顯示一到倆個區塊,這樣整個頁面右側不顯得那麼空,整個頁面視覺效果也會很好。再一個,也能增加你別的區塊的瀏覽閱讀的流量。

145835_ozAS_593425.jpg


我比較喜歡幻燈片的位置。可以滾動展示菜譜的照片。

讀圖時代,有圖那才是王道。網站首頁圖片的視覺美感會增加閱讀者的愉悅感。

幻燈片位置的圖片尺寸是1140*270px。為顯示更多的菜照片,我把四張菜的照片裁剪然後組合成一起。這樣一張幻燈片就能顯示四個菜的照片。幻燈片的數量以及顯示順序都可在後臺介面進行設定。

145851_TIDt_593425.jpg


對烘焙有濃厚的興趣,就在產品區塊裡設定了一個蛋糕定製。

以下截圖正是蛋糕定製下的列表顯示。產品的照片和品名以及價格很直觀顯示。這些產品要素正式瀏覽者或者是潛在定製者最關心的。同樣的頁面右側可以設定顯示你想展示的區塊。這些在後臺介面的佈局設定裡做調整。

145906_KKSY_593425.jpg


以下截圖是蛋糕定製裡的蔓越莓餅乾的詳情頁面。

關於蔓越莓餅乾的各個簡要介紹,這些資訊正是潛在購買者所想知道的。詳情頁面右側,我直接設定顯示了蛋糕定製裡的別的產品的顯示,方便瀏覽當前頁面的同時還可以快捷的瀏覽到相關的產品資訊。

145926_kbSf_593425.jpg


網站首頁底部,簡單的設定顯示了三個區塊:先知廚房資訊介紹,產品展示,最新文章。底部具體顯示那些區塊,都可自由設定。非常的靈活快捷多變。

三個區塊的顯示位置都可以在 區塊管理 裡做調整。產品展示具體哪一個產品,也可以在後臺進行設定。最新文章區塊,可以設定顯示的文章條目數,還可以設定成顯示照片的樣式。這些都可以根據你的喜好做調整。

以下是先知廚房網站首頁底部的截圖。

145941_yyTX_593425.jpg


點選先知廚房區塊的更多按鈕,可以更加詳細的瞭解先知廚房網站資訊,相關的聯絡方式地址資訊,都可以自己設定顯示。

因為是純個人網站,不涉及到產品的營銷推廣,所以聯絡方式我沒有在首頁做顯要顯示。如果你是做企業網站,那就得把相關的聯絡方式資訊都在首頁位置顯示。

150022_TH3l_593425.jpg


以上就是我使用蟬知企業門戶系統搭建的個人網站。

如果你也像我這樣不懂程式碼,也想搭建一個屬於自己的小站的話,嚴重推薦你使用蟬知企業門戶系統。

當然,你想省去版本升級的麻煩的話,就使用蟬知企業門戶的免費建站服務


轉載於:https://my.oschina.net/candou/blog/198238