W9CMS快速建站指南

W9CMS是一款WordPress的主题

快速了解W9CMS

W9CMS是一款优秀的WordPress主题,是Websoft9公司根据Avada主题进行改进和优化后的产品,100%保持WordPress和Avada的原生性,任何WordPress的版本更新、插件均可以在W9CMS上使用。


 W9CMS主题介绍参考:http://www.websoft9.com/productinf/w9cms-infor/

什么是Avada?

这是全球最受欢迎的WordPress主题,累计下载量达到20万。详细参考Avada官方网站:http://avada.theme-fusion.com/

 

下面,赶紧用起来吧,从 “第1步 验证镜像正常”  -->  “第3步 导入一个Demo”,看上去步骤多,熟练后10分钟足以搞定。如果你经常需要建站,那么建议你练习3遍,3遍之后搭建一个W9CMS初始环境的技术就炉火纯青了。

1、验证镜像正常

镜像安装完成后,首先进行环境是否正常验证,然后进行安装配置,环境验证步骤如下

1、首页验证使用浏览器打开首页demo:http://IP地址,首页正常显示,则表示环境安装成功。

2、熟悉服务器情况:通过“首页”->“检查服务器情况”/“phpinfo”了解基本软件的详细信息,通过首页的帮助文档链接可以熟悉基础环境

3、MySQL数据库管理:通过“首页”->“APPLICATIONS”找到phpMyAdmin,进行数据库管理。从“APPLICATIONS”界面中可以看到应用。

Windows环境:数据库默认用户/密码:root/websoft9;

Linux环境:数据库默认用户/密码:root/123456。

如果修改密码,可以参考基础环境的帮助文档操作。

 

FTP工具下载和配置:http://bbs.websoft9.com/forum.php?mod=viewthread&tid=133&extra=

 

2、配置W9CMS

配置过程分简单6步,请一步一步操作,切勿急躁(配置错了大不了重新安装镜像):

1、配置域名: Linux参考文档   Windows参考文档   注意:域名已备案并正确解析到服务器IP

2、wordpress安装配置:参考文档

3、登录wordpress,准备开始W9CMS主题配置:

使用浏览器打开http://域名/wp-admin,登录后,进入网站管理后台

 

 

4、插件启用:“插件”-“已经安装的插件”,下拉列表中选择启用,全选插件,点击“应用”,应用需要好几秒钟,耐心等待。

 5、启用主题:登录后台,进入“外观”-“主题”,启用W9CMS主题,启用需要几秒钟,耐心等待。(若W9CMS处于启用状态,此步骤忽略。)

 

6、前台验证:http://域名/(如果没有配置域名,则是http://IP地址/wordpress),界面显示如下,表示安装成功。

 

 恭喜您,你已经获得了Websoft9精心为您准备的建站利器,现在开始,你就可以更好的施展你的建站天赋了。

 

3、导入一个Demo

配置完成后,网站是没有任何页面的。您可以自己从0开始制作页面,直至完成整个网站。我们建议的最佳方式是导入我们为您精心准备的Demo包,具体步骤如下:

1、到我们的网站上下载一个你喜欢的Demo包(下载地址:http://www.websoft9.com/w9cms/w9cmsdemosdemo包中有大量图片,文件较大,请耐心等待),保存到本地。

备注:demo包的文件格式如“websoft9_demo.wpress”,注意后缀名。

2、打开插件All-In-One Migration的“Import ”功能,Import From中选择“File”,找到已经下载到本地的以.wpress为结尾的文件,确认。

3、确认后安装包开始上传,耐心等待1-3分钟(关注进度条%,总体依据网络状况耳钉)。

     待上传完完成后,系统提示是否重构网站,点击“continue”,系统开始重构,等待2-3分钟(依据网络状况而定)。

4、重构完成后,出现“You data .... successfully!”,即表示Demo包导入成功。点击“Permalinks Settings”(设置固定连接)打开一个新页面。原来页面可以关闭。

5、Permalinks Settings过程中可能会出现“需要升级数据库”,点击“升级wordpress数据库”。

该步骤很快就可以完成,然后点击“继续”;

提示重新登录后台,输入用户和密码登录。(admin/admin)

6、重新登录后,选择“文章名”,点击“保存修改”。

7、再次打开前台,会看到网站的一个全新的站点出现。


 

恭喜您,不费力气您已经有了漂亮的网站雏形。 

 

注意:

一个Demo就是一个完整网站,一个站点只能安装一个Demo,安装新的Demo包会覆盖旧的Demo,请慎重操作。

 

4、9步个性化建站

现在,是您为自己网站进行个性化设置的时候了,一个合适的Demo让您的建站时间可能缩短90%以上。

4.1、网站通用设置与配置

W9CMS采用的是配置式的工作方式,即网站的布局、风格、颜色、文字、页眉、页脚、背景等都是通过后台系统设置出来的,无需任何编程就可以应对个性化的需求。

后台-外观-主题选项,我们就进入了如下配置管理界面:

布局:对网站内容区的宽度进行设置,一般建议布局采用宽屏模式,网站宽度设置为:1140px;

菜单:菜单是网站最重要的部分,设置也非常灵活。为了能够快速上手,我们只对“主菜单”和“手机菜单”的内容进行设置

响应式:响应式是即多屏幕自适应,默认请开启;

颜色:系统预设了10个颜色皮肤(注意是皮肤),尽量选择一个与您企业logo颜色相近似的皮肤颜色。也可以自定义,但自定义颜色需要对所有与颜色有关的设置中进行操作

页眉:即网站的顶部区域,通常网站所有页面都使用同样的页眉,以保持网站的整体风格统一。

  • 页眉位置:一般选择顶部
  • 页眉布局:一共6种选择,建议选择第一种
  • 页眉样式:对页眉的css进行更改,高级用户使用
  • 置顶页眉:页面在向上滚动的时候,页眉固定便在浏览器的顶部位置,这个就是置顶页眉。默认选择开启,保持较好的访问体验

Logo:即管理自己网站的logo,系统可以对主logo、置顶页眉logo、移动端logo、高清屏幕的logo分别进行设置,也可以只上传一个主logo,其他自动调用这个logo

图标:即我们常说的favicon.ico,显示在浏览器的Tabs上,非常重要。默认图标网站Favicon的大小为:16px x 16px。

页面标题栏:顾名思义即页面的标题区域,是在菜单栏的下方(如果有Slider的话一般在Slider的下方),每个页面的页面标题栏显示的内容有差异。面包屑导航即我们常说的“网站当前路径”

滑动栏:指的是网站右上角通过“+”来开启的伸缩内容,默认建议关闭

页脚:即网站的底部区域,分为页脚内容区和页脚版权区,其中页脚版权区在网站的最底部。W9CMS中页脚内容区是通过小工具来控制显示的,页脚列数即页脚内容区进行分割的内容块数,默认为4

侧边栏:主要对通用性的网页侧边内容区进行定义,高级用户使用

背景:网站背景图片设置

版式:即网站排版,设计到字体大小、H1-H6标题定义,是网站最重要的设置部分之一。正文版式中的字体,我们一般选择“微软雅黑”,字体大小为14。标题字体也默认选择“微软雅黑”比较合适。

简码风格:简码是插入html代码的短代码,这是WordPress提供的一中功能扩展方案,适合高级用户使用

博客:即文章管理,这里可以对文章分类、文章详情进行个性化的版式设计,内容元素显示控制,请保持默认设置

作品集:即案例管理,表现形式为图文混排的文字管理,保持默认设置即可

社交媒体:对社交媒体的图标和链接进行录入和设置。录入的社交媒体可以显示在页眉,也可以显示在页脚。可以通过“页眉社交图标”和“页脚社交图片”分别进行显示控制。此类别下的“社交分享盒”主要是对页面分享进行设置;

幻灯片:高级用户使用

Elastic幻灯片:W9CMS已经禁用了Elastic幻灯片,无需设置

光盒:光盒是点击图片的时候,网站自动对图片进行播放,这种效果即光合。高级用户使用

联系表:

搜索页面:对搜索图标的显示位置、搜索内容范围、搜索结果显示方式进行设置,高级用户使用

附加:高级用户使用

高级:高级用户使用

自定义CSS:开发者使用

导入/导出:对网站通用设置与配置的内容进行备份和导出导入,普通用户慎用

 

 

 

 

 

4.2、首页制作

在W9CMS主题中,首页与其他页面的制作原理是一样的,但显然首页更具有代表性,因此本章重点介绍首页的在线制作。

在学会制作前,请仔细阅读如下的首页布局图:

 

如果我们通过4.1 网站通用设置与配置已经完成了页眉、页脚,那我们制作首页就非常简单了,只需要完成首页对应的Slider(轮播)和内容设置,再套用已经预设值好的页眉、页脚,首页就完成了。

制作首页有两种方式,包括:新建一个页面,命名为首页或在对一个已有的首页页面进行更改。在这里我们假设新建一个首页:

1、后台-页面-新增页面,我们会看到如下页面

上图就是一个页面制作界面,其中“Fusion页面构建器”为可视化模式,“默认编辑器”为code编辑模式,对于普通用户,我们选择可视化编辑模式

四个Tap,分别是列选项、构建器元素、自定义模板、预定模板。

列选项即css中的Div、行、列,全宽包含容器相当于一个全宽的div,div中可以容纳各种不同宽度的列。系统对列进行了比例划分归类,分别是1/1,1/2,1/3等

构建器元素请参考:http://www.websoft9.com/productinf/w9cms-infor/cms-element

自定义模板即对自己制作的页面保存为模板,后面新建页面就可以直接套用

预定模板即系统内置的模板,可以套用但是不能更改

 

2、如果制作首页?我们建议对一个已有的页面进行可视化编辑,这样更有感觉,学习的效率更高

 

 

4.3、轮播制作

轮播(Slider)是现代网页制作的一种常见的展现方式,我们务必掌握这个技能。

4.9.1、设置地图的标准

如上图所示,所有W9CMS官方提供的Demo演示包中,在联系我们页面中都有基于高德地图的位置标注,地址默认是Websoft9公司的地址,如何更改成您的地址呢?

1、登录网站后台,进入“外观”-“小工具”,找到Contact_map小工具

2、展开Contact_map小工具的文本去,修改代码:

默认:amaps lon='112.95288' lat='28.165579' address='长沙市岳麓区潇湘中路283号岳麓山大学科技园' info='长沙网久软件有限公司'

修改为:amaps lon='您的地址所处的经度值' lat='您的地址所处的纬度值' address='您的地址' info='您的公司'

 

马上到高德地图获取您的经纬度:http://lbs.amap.com/console/show/picker

高级:插件下载

您可能不满足有一个和别人站点风格相似的网站,那么,有了前面的基础,您可以更上一层楼了,你将需要更多的武器来武装自己的建站平台。

 

Websoft9官方整理的WordPress插件下载:http://www.websoft9.com/category/w9cms/plugins/