NO.119 不懂語言代碼，超級菜鳥的建站分享（二）：界面設置。

上一篇主要是跟你們分享了註冊購買域名，解析以及使用蟬知免費CMS搭建本身我的網站的詳細過程。

不懂語言代碼，超級菜鳥的建站分享（一）：建站流程

個人我的網站：先知廚房 的雛形已經搭建成功，接下來就要設置站點，優化界面，填充內容了。

慢慢的使先知廚房充實，豐滿起來。

今天給你們分享一下，如何設置站點和界面。

首先，登陸雲蟬知，而後從個人站點進入我的網站的管理後臺。我先從界面開始下手，其實後天的每一項設置，你均可以根據本身的習慣和須要前後設置調整。我先從界面開始，是這樣的考慮，最短的時間裏，至少能讓個人網站首頁看起來豐滿一些，而後再設置和填充網站內頁的界面和內容等。

我我的建站的初衷就是記錄本身作飯的各類，就乾脆用本身名字的類似音，因而我的站名字就叫：先知廚房。

先知廚房網站的界面設置裏涉及到了logo設置，網站圖標設置，主題風格設置，幻燈片設置，區塊管理，佈局設置。界面下的區塊管理和佈局設置，這些目前暫時不設置，得等具體的內容填充好了以後，再作設置。

一、logo設置。

登陸雲禪知後臺→界面→LOGO設置便可進行操做。

LOGO設置後有對logo圖片的高度和寬度的最佳尺寸的提醒：最佳高度範圍：50px~80px，最佳寬度範圍：80px~240px。

把圖片設置爲提醒的範圍內，顯示效果比較好。

我的暫時沒有什麼好的想法設計logo圖，就簡單的PS了一下，把字加到圖片上就算湊合吧。

Logo圖片尺寸個人設置爲了80*240px。

如下是後臺截圖：

如下是前臺截圖：

二、網站圖標設置。

網站圖標是顯示在瀏覽器的標題欄，即網站名稱前的一個小圖標。

若是別人收藏了你的網站，這個圖標還會出如今他的收藏夾裏，顯目便於區分。

選擇一張你喜歡的圖片，固然清晰度要很是好。

由於這個圖標的格式爲.ico，和我們一般使用的照片格式不同，因此後臺上傳前得轉一下格式。

我直接在度娘上搜了一個在線的ico圖標製做應用，把圖片直接轉成.ico格式，格式轉換時有圖標的尺寸選擇16*16px，32*32px，64*64px可供選擇，若是你不肯定你用哪一個尺寸，直接使用應用當前默認的尺寸就好。

把轉換好的圖標存爲favicon.ico，而後後臺裏上傳便可。

如下是網站圖標設置前默認的綠五星：

如下是網站圖標設置後，顯示了本身設置的圖案：

顯示沒怎麼清晰，其實換了好幾個了，都不大滿意，暫時這個先湊合着，後期再調整。

三、主題風格設置。

後臺有6個主題風格能夠選擇，選一個你喜歡的，和你網站所想要呈現的效果差很少的風格就行。

先知的廚房主要是記錄我作過吃過的飯菜，美食的話，配上暖色調的風格會顯得更誘人更有食慾。

因此我選擇了蟬之格這個主題風格，恰好格子和我們大多數家庭裏的格子餐桌布不謀而合，也很是的應景。

這是後臺設置的截圖：

 

如下是設置成功後的前臺截圖：

四、幻燈片設置。

幻燈片的顯示位置是在網站首頁的頭部位置，算是很顯要的位置，一個很好的展現平臺。

後臺後提示幻燈片的尺寸爲1140*270px。這個尺寸的照片很差裁剪出來，ps用了4張270*270px的照片組合成一張幻燈片。知足了我利用有限資源展現更多飯菜照片的可能。

固然這個圖片組合也能夠變換不一樣的方式，就看你本身喜歡了。

另外幻燈片還有標題連接之類的能夠添加，我沒設置，由於幻燈片只想做爲純粹的展現。

你能夠根據你本身的須要作添加就好。

如下是添加幻燈片的頁面截圖：

 

如下是幻燈片上傳成功後的列表，顯示的順序可經過升降排序來實現。

我通常最多上傳5張幻燈片，雖然他沒有上傳數量的限制。

我的以爲太多了，其實後面顯示的機會蠻少的。我我的以爲3-5張最合適。

 

幻燈片的前臺顯示截圖，默認應該是幾秒換一張，左側和右側都有上一張下一張的按鈕。