最新消息:为了本站的未来,希望大家能广为分享,另期待您投稿外贸人建站QQ交流群:201706683,验证请输入:卡拉科技

Modernize主题之安装和简要设置

WP建站实例教程 Tony 11862浏览 0评论
[隐藏]

前言

Modernize主题既适合零基础者,也适合wordpress爱好者二次开发(很强的扩展性);同时主题附带的portfolio模块支持侧边栏(左/右都可),有了这个模块,实现产品列表就方便多了,而很多主题是不支持portfolio页面侧边栏的,详细请看“第六节:发布产品前得知道Portfolio适合你吗?”;最后,页面和文章都可以通过内置小模块的拖拽来排版,操作简单易懂。

由于本人也是外贸人,另外做外贸站须为英文为主,所以建议大家做站时最好是选用英文wordpress后台,避免搜索引擎识别冲突。所以本教程的截图引用英文界面。

本教程并不是主题自带教程的翻译版本,但是在看本教程之前,如果你有足够的时间、精力和英文基础,我还是强烈建议大家看看自带的英文教程。英文教程是以旧版wordpress后台演示,并且没有导入演示数据的操作,所以对于初次接触者理解主题有一定的难度。本教程主要讲解快速安装和详细解说主题使用,力求做到初学者看完就能独立建站。

话不多说,正式开始!

1.安装

确保WORDPRESS安装在LINUX主机上,如果WP和主题安装出现问题,请先排查主机问题;

1),通过FTP安装主题

第1步:解压下载下来的压缩包,你会看到如下所示的一些文件;

2014-04-18 22-47-30

document是自带英文教程,modernize-v3-15是主题文件夹,demo-xml.xml是演示数据,modernize-v3-15.zip是主题文件压缩包

第2步,利用FTP工具,将modernize-v3-15文件夹上传到wp-cotent/themes目录下;

第3步,启用主题,安装完毕;

2),在WP后台面板安装主题

注:由于类似主题压缩包通常都超过2M,而一般的主机又限制上传文件不得超过2M,所以在WP后台安装有可能会不成功,所以只能使用FTP安装。

第1步,进入’Apperance -> Themes’;

第2步,点击’Add New’;

第3步,点击’Upload Theme’,上传modernize-v3-15.zip压缩包,完成安装,并启用主题;

2.导入演示数据

第1步,进入’Tools -> Import’,安装wordpress导入插件并启用之;

2014-04-18 23-03-59

第2步,利用此插件导入演示数据demo-xml.xml,可勾选导入演示图片。

2014-04-18 23-18-34

第3步,等待3到5分钟,导入成功,会显示如下提示;

2014-04-18 23-23-14

导入所花费时间根据双方服务器的速度决定,也可能会导入失败,在网络好的情况下多试几次即可,如果继续有问题,请排查服务器故障和权限问题。{上图所示的有些错误,请仔细分析,因为本主题兼容WOO COMMERCE插件,所以演示数据里含有商城数据,而我们并没有提前安装WOO插件,所以这部分数据导入时会失败,这并不影响我们建站,切勿纠缠此处。}

3.设置首页,菜单和其它

第1步,进入’setting -> reading’,将main设置为首页;

2014-04-18 23-30-35

第2步,进入’Appearance -> menu’,设置主题预设的两个菜单(主菜单和顶部);

2014-04-18 23-33-26

第3步,进入主题面板’Modernize’,点击’Save Changes’(如果不操作这步就去查看网站首页,你会发现所有的图片会闪动,这是因为演示数据导入后没有与本站兼容而导致,通过点击SAVE CHANGES,有重置的作用。);

好了,演示站的安装到此就结束了,请查看网站首页,发现除了FOOTER没有显示,其它的内容与官方演示几乎一样了,接下来我们了解主题的详细知识。

4.头部/边栏(SIDERAR)/FOOTER/COPYRIGHT

1),进入主题面板’Modernize -> Overall Elements -> Logo’,通过UPLOAD上传LOGO,另有三处MARGIN数值供填写,来调整LOGO的位置;

2),进入主题面板’Modernize -> Overall Elements -> Top Right Area’,可以填写内容(支持HTML),它们会显示在网站顶部右侧;

3),进入主题面板’Modernize -> Overall Elements -> Social Network’,可以填写社交媒体链接,它们会出现在网站的头部右侧;

4),进入主题面板’Modernize -> General  -> Sidebar’,新建侧边栏(上限数量未知,通常建立三五个足矣,须用英文名),现在很多主题都支持自定义SIDEBAR,这是主题扩展性的重要特征,这样我们可以对不同的页面、文章来显示不同的侧边栏。

5),FOOTER预设了6种形式,进入主题面板’Modernize -> General  -> Footer Style’,选定任一种形式;

6),进入主题面板’Modernize -> Overall Elements -> Copyright Area’,填写底部copyright内容(支持HTML);

以上讲到的SIDEBAR,现在并不需要急于添加内容,但我们必须知道这里的设置只是第一步,接下来我们需要进入’Appearance -> Widgets ‘,将小工具拖拽(添加)到相应的SIDEBAR内。对于FOOTER,我们也是在Widgets里操作。

5.页面设置

1),在第3节第一步操作,我们完成了首页的设置,首页的名称是main,那我们现在进入这个页面(Pages -> All pages)进行首页制作;

2),进入main编辑页面时,为了便于接下来网站显示,建议将main名称改为Home,内容项此时是空的,这是因为本主题支持模块拼接来排版,如下图所示;

2014-04-19 10-18-03

接下我们看

2014-04-19 10-44-02

【A】页面布局:默认的首页,并没有侧边栏,所以我们选择的是无侧边栏布局。但是不是首页就一定不需要侧边栏呢,答案是否定的,如www.wksolar.com,我们就是采用了Both sidebar的布局。这个需要根据实际需求而定,对于其它所有页面和文章,通常要么是只需要一个侧边栏就可以了(Right Sidebar 或者 Left Sidebar)。

【B】页面标题:首页不需要显示标题,其它页面视情况而定;

【C】页面内容:之前提到本主题也支持模块拼接来排版内容,如果不采用模块拼接来排版,那么也是可以使用短代码在内容区域排版。本首页采用的是模块拼接来排版,同时也显示页面内容(虽然内容为空)。建议:如果内容为空,此项设置为NO。

2014-04-19 10-59-35

【D】幻灯片设置:主题预设有4种幻灯片,如果是简单的图片展示,建议使用FLEX幻灯,操作也比较简单。复杂些的采用LAYER SLIDER,这个操作有些麻烦,建议看自带英文教程来学习。

以上是默认首页的设置,大家可以任意调整设置后,再去刷新首页看看有哪些变化,这样的尝试方便快速理解主题的功能。

6.视频讲解

暂无,敬请期待!

转载请注明:卡拉科技 » Modernize主题之安装和简要设置

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (7)

  1. 你好,按照你的安装步骤,网站上的图片一直闪动,怎么解决。菜单里的选项也保存的。
    卡拉不卡3年前 (2014-04-20)回复
  2. 已经解决,还是没有注意版主说的要进入主题点保存
    卡拉不卡3年前 (2014-04-20)回复
    • 🙂 细心查看教程很重要!
      Tony3年前 (2014-04-20)回复
    • 取个用户名都不乖,太调皮了你~~~
      Tony3年前 (2014-04-20)回复
  3. 请教版主一个问题。请问下我用Modernize做出来的网站,边上的widget 和页面的titel,还有H1什么的,在网站上好像都不是纯文字的。用鼠标放在上面还是一个箭头,不像放在纯文字上回显示成光标。 我看你做的无锡太阳能的那个网站上,都是纯文字的,就是titel直接可以用鼠标复制出来。 能帮我看看嘛,我的网站是www.terminalproco.com
    卡拉不卡3年前 (2014-06-10)回复
    • 你站上的标题应该是用到了CUFON FONT,至于什么是CUFON字体,建议百度。这个对搜索优化应该没有影响。 PS: 你的网站做这么漂亮,家里人不知道吧?
      Tony3年前 (2014-06-11)回复