FavoriteLoading
0

WordPress主题安装(五)- 制作个人简历网站Part 1

Theme掌管了一个Wordpress网站的外观。透过安装不同的主题(Theme),我们可以轻易地制作各种专业的网站。我们将小试牛刀,建立一个个人履历网站。

在这篇文章,我们会学习到:

-利用Wordpress theme建立网站的操作流程 
-办认Wordpress theme文件,Wordpress主题安装的重点 
- WordPress Theme入面的Option Panel概念 
- Custom Post Type介绍 
-页面出现错误或没有显示应有改变时的两个对策 
-利用theme wpstanley去建立一个个人履历网站

Theme掌管了一个Wordpress网站的外观。透过安装不同的Theme,我们可以轻易地制作出不同的网页。

Theme也有分免费和付费的。通常付费的功能比较齐全,外观也更专业,以及更多选择。但由于我不想大家再付费,因此接下来几天我们只会用一些免费的Theme做实战。

至于如何搜寻这些Theme,以及当中要注意的事项,我会在其他文章详述。

而今天我们会使用一个免费的个人履历Theme - wpstanley。

大家可在:

下载这个theme。

我们在以上的连结按demo,先看看利用这Theme会做出什么的网页吧:

2

办认theme文件

无论是付费或是免费,我们下载回来的wordpress theme通常有数个文件,包括:

-主要theme文件 
- Documentation (教你如何使用这个theme) 
- Demo Data(通常是一个xml文件。我们安装了一个theme后,如果想把它变成和Demo Site一模一样的话便要上载这文件,这个文件会包括theme以外的其他资料,例如Page,Post和Menu等等)

我们解压属下载回来的文件StanleyWP-Package.zip 后会得出两个文件:

- Documentation.zip 
- stanleywp.zip

我们从文件名字得知,Documentation就是教你如何使用这个theme的文件,而stanleywp.zip就是主要的theme文件吧。

要确认stanleywp.zip是否主要的theme文件,我们可以把它解压。如果解压出来有一个style.css那么这个stanleywp.zip便是主要的theme文件,可以直接把它上载到我们的wordpress上。

5


如上图,解压后会找到style.css,证明这个zip文件是正确的。

还原wordpress到初始状态

但首先第一部,就是重新还原你的wordpress到初始状态。我们可以安装及使用一个Plugin叫做Wordpress Reset。

6


到Plugins-> Add New,然后在右手面的搜寻格上输入wordpress reset,并接Enter。

7


安装后要按Activate。

8


最后在左上角按Reset Site就可以了。

安装theme

安装theme大概有几个步骤: 
-读Documentation 
-上载及安装theme 
-上载Demo Data

由于这个theme没有提供Demo Data,我们会免去这个步骤。

上载及安装theme

9


到Appearance->theme

10


按Upload theme,选择主要theme文件(就是stanleywp.zip,直接装有style.css的压缩档)。

11


按Activate。

12


回到主页refresh,发现主页都改变了!

通常,每个theme都会有一个给你设置这个theme的介面,我们叫它做Option Panel。今次我们发现在Appearance下多了一项叫Theme Options。它就是我们这个theme的Option Panel了。要注意的是这个Option Panel会因应不同的theme,它的所在位置也会不一样。

13


在这儿我们可设置Logo,Homepage Layout等等。我们按Homepage,并把Portfolio从右面Disabled拉到左面Enabled,最后按Save All Changes。意思是Homepage除了放一般的内容外,还会显示3个portfolio。

14


然后我们制作主页。到Page->Add New输入标题,内容和Feature Image,并在Template选择Homepage。

15


有一点要留意的是如果你的Featured Image太大,在新增它后可按Edit Image。

16


我们把它变小,变成150*150。

17


最后按View Page,我们就这样新增了一个Homepage!

尼尼博客,关注网上兼职赚钱和互联网创业。博客地址:www.imnini.com,扫描下面二维码添加微信:网上赚钱项目和经验分享,电子书、网赚视频,各种付费视频分享
网络兼职赚钱