Modernize主题之安装和简要设置

前言

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

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

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

话不多说,正式开始!

安装

确保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压缩包,完成安装,并启用主题;

导入演示数据

第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插件,所以这部分数据导入时会失败,这并不影响我们建站,切勿纠缠此处。}

设置首页,菜单和其它

第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没有显示,其它的内容与官方演示几乎一样了,接下来我们了解主题的详细知识。

头部/边栏(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里操作。

页面设置

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,这个操作有些麻烦,建议看自带英文教程来学习。

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

视频讲解

暂无,敬请期待!

10分钟搞定WordPress主题Centum的演示站安装

这个视频录制已有时日,今日重新发布主要是想写一些简介,以便在观看之前能大致了解Centum特点和视频内容,避免浪费阁下时间。

01.__large_preview

Centum主题以其扁平的设计得到很多人的青睐,主题使用方便,后台操作简单,非常适合小型企业站、外贸站或SOHO站。完美支持WPML多语插件,虽然是英文主题,但是建立中文和中文繁体站表示毫无压力。Centum支持Woo Commerce(商城/商店插件),可以方便迅速的搭建你的外贸零售小店铺,对WOO插件在中文站的使用,由于币种和支付工具(USD+Paypal)的不同,会需要其它工具的配合,暂不讨论。Centum安装后,需要在后台安装和设置Contact Form 7插件来实现在线联系表单。

附相关链接:

如何安装themeforest网站的正版wordpress主题

Themeforest是一个专业的付费网站主题模板交易平台,隶属于Envato旗下,会员超过240万,提供可交易项目300万。其中网站主题数量超过8500个,wordpress 主题数量近2700个。可以说是广大 wordpress 主题爱好者和网站建设&设计者的乐园,如此大的主题库,总有一款适合你。有兴趣的朋友猛击这里围观。

tf

我从2010年开始接触这个网站上 wordpress 主题,数量已超过30个,对于主题的初步安装和设置,总结如下经验:

一,购买主题后,进入帐号downloads目录下,点击主题后的Download按钮就可以下载压缩包。压缩包内通常含有如下文件:主题包,源文件,安装说明,demo数据等,安装前请仔细阅读安装说明。

二,阅读安装说明后,就可以根据说明的步骤一步步来安装主题了,大致步骤如下:

1,安装主题

方法1:解压主题包(注意是主题包,不是下载下来的压缩包),将解压后的文件夹通过FTP上传到你的主机空间,路径是:/wp-content/themes;

方法2:在 wordpress 后台进行安装,进入网站后台,外观 -> 安装主题 -> 上传(Appearance – > Install themes -> Upload),选择文件,找到主题压缩包(注意后缀必须是zip,且文件大小通常不超过2M),然后点击现在安装。

2,导入demo数据

安装完主题后,需要导入demo数据(文件名后缀为xml),工具 -> 导入(Tools – > import),会看到8个导入小插件,点击 wordpress 安装本次需要的导入工具,安装后启用这个插件,点击选择文件找到demo数据,然后点击 上传并导入。这时你会看到如下图:

importxml

选择你当前的管理员帐号,勾选下载选项,提交后大约5分钟完成导入(根据DEMO数据所在服务器的速度)。

3,设置自定义菜单和首页(有些主题也需要设置文章)

进入 外观 -> 菜单,设置自定义菜单,如下图所示:

menu

进入 设置 -> 阅读,设置首页和文章页,如下图所示:

homeandarticle

现在打开你的网站首页,基本雏形就出来,以上操作步骤适用于大部分Themeforest上的主题,但并不适用一切主题,请参考对应主题的安装说明进行对照。

根据主题的自带功能完成你的网站,这需要花一些时间去熟悉主题,强调一点的是一定要详细参考作者提供的安装说明教程,同时要了解主题提供的短代码的表现含义,相信经过摸索和尝试,你会建一个非常漂亮且适合自己的网站。