上一篇主要是跟你们分享了注册购买域名,解析以及使用蝉知免费CMS搭建本身我的网站的详细过程。浏览器
个人我的网站:先知厨房 的雏形已经搭建成功,接下来就要设置站点,优化界面,填充内容了。优化
慢慢的使先知厨房充实,丰满起来。网站
今天给你们分享一下,如何设置站点和界面。.net
首先,登陆云蝉知,而后从个人站点进入我的网站的管理后台。我先从界面开始下手,其实后天的每一项设置,你均可以根据本身的习惯和须要前后设置调整。我先从界面开始,是这样的考虑,最短的时间里,至少能让个人网站首页看起来丰满一些,而后再设置和填充网站内页的界面和内容等。设计
我我的建站的初衷就是记录本身作饭的各类,就干脆用本身名字的类似音,因而我的站名字就叫:先知厨房。blog
先知厨房网站的界面设置里涉及到了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张最合适。
幻灯片的前台显示截图,默认应该是几秒换一张,左侧和右侧都有上一张下一张的按钮。