除了第一个Akismet Anti-Spam 不要选择,其他全部选择,然后再Apply左侧的多选框,选择Deactivate,再点击Apply。
左侧选择Setting → Reading ,在 Search Engine Visibility: Discourage search engines from indexing this site这里打勾,点击保存!
第四步我需要把这个网站设置成伪静态网站的形式,所以我需要去改下链接!在左侧选择 Setting → Permalink, 进入修改链接的页面!把链接的形式选择成Post name的形式,然后点击 save changes!
至此,建站前的准备工作就结束了!
在左侧选择Page,点击进去就进入了Page的界面。如下图,系统已经给我们建立了一个sample page页面,我要把它删掉!
接下来我要添加几个主要页面先,点击 Add new, 一般有两个地方有这个add new的页面,如下图!
我先添加第一个页面,Home主页,在标题上我填上Home, 然后右下角我给这个网页标上序号,Home是第一个页面,所以我写了1。第二个页面就写2,依次类推我们写3,4,5等等,点击Publish, 然后这个页面就发布完成了!
一般网站都需要以下几个基本页面:Home, Product, About us, Contact, Blog,然后我们用同样的方法把上面几个页面建立完成!最后得到的界面如下:
一个网站的页头和页尾是很重要的,所以我先把页头给制作完成!
第一步:制作主导航
选择左侧 Appearance→Menus, 点击create a new menu, 然后输入你的主菜单名字,一般我填Main Menu, 然后选择Create Menu。
在左侧你可以看到我们建立过的所有页面,我把他们全选择!然后点击Add to Menu, 然后在右侧就会看到页面被成功的添加到导航里去了!这里有两个地方要注意,一是有两个Home, 我们把显示有Custom Link 的这个链接删掉;第二就是在下面的Menu setting 那里,我在Enfold Main Menu那里打勾! 点击保存,这样主菜单就做好了,你刷新网站首页,这个导航就出现在网站的header上面了!
第二步:上传logo
选择左侧 Enfold 进入到主题设置页面,首先我们需要把首页设置好!在Fontpage Setting这里选择Home, Blog Page就选择Blog。
Logo的话就点击上传,一般logo的尺寸是 340*156,所以你需要处理下,尽量不要太大,也不要太小!Favicon logo 也需要上传,尺寸100*100就可以,需要png格式的图片!
上传好了就把页面拉到下面,右下角有一个 Save all changes,点击保存!
至此,Header 就设置好了!刷新网站首页,就显示出这个header了。
主页是一个网站的门面,也是整个网站权重最高的页面,所以设计是至关重要的!
1) 制作Banner
制作首页,Banner又是重头戏,这个有条件的话可以去找设计师设计一张!现在Kiwi要给网站安装Banner.
左侧选择 LayerSlider WP(把页面拉到底,左侧就有了),进入banner页面之后点击那个+号,Add New Slider, 给Slider取个名字,一般我就写Home,然后add slider。
进入Slider设置页面之后,我的banner一般是1100*600的尺寸,所以我把尺寸设置成1100*600。Slider 的类型就选择Full width。
然后再选择APPEARANCE,添加如下图所示代码!点击保存就可以了。
然后再选择如下图的顶端的SLIDES选项,进入到banner制作页面,然后选择CLICK TO SET添加图片!再保存,一个基本banner就制作完成了!
接下来我要把这个制作好的banner放到首页上去,我拉到banner制作页面的底部,然后可以看到一段代码,我把这段代码copy下来,复制到首页安装banner的地方,这个banner就可以成功的放在首页了。
2)制作首页
左侧点击Page,进入页面管理界面之后,对Home页面选择Edit, 就进入了主页的编辑页面了!
首页我是不需要侧边栏和page title的,所以我需要设置一下,把它们取消掉!把页面往下拉,在右侧有个 Layout, 我先把Layout下面的Sidebar Setting 这个选项选择成No Sidebar; Title Bar Settings选择成Hide Both.
设置好之后再把页面网上拉,点击update,这样设置就完成了!
首页制作需要用高级编辑模式,所以我先点击Advanced Layout Editor进入高级编辑模式!然后我要给这个页面价格layout,我选择了一个完整的layout,点击,再选择content 的text,把这个text 元素拉到layout下面,再把刚才的banner代码copy到text上面去,最后成了如下效果!再点击保存,Banner就设置好了,刷新首页,这个banner就出现在首页上了。
接下来就是网页内容的制作了,这个网站内容的设计都是仁者见仁智者见智,我这里就只讲一些常见的内容制作元素!
1、Icon Box
如下图这种就是icon box, 这是一种非常常见的网站设计元素了!个人觉得Enfold的Icon box比avada的好看!这个icon box一般都用于公司优势展示!本来这是一个非常好的功能,只是大多数外贸公司自己对自己的优势都是稀里糊涂的,自己都不清楚自己的优势就更别提还要用精炼的文字把它们总结出来了!就像Whinsen这个网站,也没有好好准备内容,直接把这块内容变成摆设!现在他的网站还在建设中,这块等网站都搭建好时,我还得监督他把内容作细致来!
我们回到网站后台,Icon box 的功能就在如下图标识的地方。因为有四个优势,所以我做了四栏,然后分别放了一个icon box。
到现在为止,Kiwi没有一个客户重视了这个板块,写的东西没有多少说服力!其实这个地方完完全全值得好好利用,用精炼的文字总结出来优势,再用外链导向专门的优势板块,这样是多么大的黏性度啊!对于外贸SOHO来说,这是必然的,因为他们没有内容可写,没办法一步到位。
2、图片
图片元素可以说是最重要的建站元素!结合文字再加以设计排版好,网站会十分美观!Enfold的图片元素我更喜欢,简洁方便美观!不比avada的每个图片都要设置,enfold的图片元素可以一键设置,我最喜欢用的就是Mansonry Image这个元素,排版非常美观,而且是一键设置,省了我不少力!如下图就是Mansonry image做出来的!
如果是单张图,就可以直接用image实现,还有就是slider的页面可以让你给页面的任何地方添加导航!Partner logo这个功能则可以展示你的客户logo,还可以自动转动,是不是很方便!
3、文字输入元素
文字输入是一定需要的功能,也十分简单!如下图的Text Block就是输入文字的地方!一般文字输入元素需要跟间隔线一起搭配使用,Enfold把他们放在了一起,设计的非常人性化!
其他的就不多介绍了,内容元素特别丰富,把这些元素一个个去了解下,一个基本的网站就建出来了!如果要建出比较漂亮,还有功能精巧的网站,还是需要多去看看优秀的网站怎么设计的,还有就是要懂一些代码以及CSS的使用!
footer的作用有两个,一个是便利性,另外一个就是seo关键字布局。一个网站可以有很多页面,但是footer却会出现在每个页面里面,它跟页头一样重要。
footer的布局也需要充分考虑到客户浏览网站的便利性,还需要把你最想让客户看的页面放在里面,增加其曝光率。
一般我会用四栏footer,把这些元素放到footer里面。第一栏放我最想让客户看的热点页面。第二栏放newsletter(如果我想让客户订阅的话),第三栏放最新的文章(为了保证首页的更新),第四栏放联系信息。最底部的版权信息我则会考虑用关键字布局。
当然如果我觉得应该很少客户会订阅,我则会用其他的栏目替代,譬如我用产品分类。设计网站就是这点好处,你可以随意更改,并不受框架的影响。
好,现在我们一步一步学习怎么制作footer。在左侧选择Appearance→Widgets.如下图你可以看到系统已经给你制作出四个footer栏了,然后你把你想要填的内容分别放到这四栏里,然后footer就制作好了。