NO.119 不懂语言代码,超级菜鸟的建站分享(二):界面设置。

上一篇主要是跟你们分享了注册购买域名,解析以及使用蝉知免费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张最合适。

 

幻灯片的前台显示截图,默认应该是几秒换一张,左侧和右侧都有上一张下一张的按钮。

相关文章
相关标签/搜索