欧阳泽林：招聘经理技能[get]之招聘网站DIY（初级篇）

关于作者：欧阳泽林，对于个体我“不误正业”——助力个人品牌IPO；对于组织我“业涉撩人”——助力企业的雇主品牌和招聘创新，个人微信：zhaopiner1 欢迎批判性点赞和报复性打赏！

我们一直在思考怎么更接地气的服务招聘从业者，在招聘经理手头日常工作中我们能够提供哪些真正可供参考执行的内容呢？于是乎——屌丝招聘经理日记系列横空出世。

雇主自己招聘网站的重要性我就不多废话了，做一个网站真的很难吗？NONONO!找外部供应商还是找公司内部IT部门人员来协助支持？这里最大的成本就是沟通成本，招聘经理不能自己动手做一个吗？这个可以有！今天开始和我们一起来学吧！

我们以联想官网的招聘网站（http://lenovocareers.com）为样本，一步一步告诉你如何做出一个山寨的、属于自己公司的招聘网站，能发布职位、能接收简历、移动体验还不错，最最最最重要的是可以不用花一份钱！

一启动前需要准备哪些东西？

一个网站由域名+网站内容构成，购买域名的钱是节约不了的（上美橙互联、万网等注册一个50块钱撑死了，域名最终网站做好后通过域名备案、域名解析后即可连接起来，这个我们在下一步会提及到）。

1. 域名（先用二级域名）注册开通、解析、备案等

2. 网站内容定位（内容和页面布局分类、如社招、校招、关于我们等）

3. 网站内容收集整理（图片、文字、视频等等）

4. 图片设计软件（Adobe Photoshop、Adobe Illustrator，或者美图秀秀网页版也可以处理处漂亮的图片）

二准备好了我们就开始！

1. 第一步是注册开通一个京东云的账号http://jae.jd.com/

你 没有看错京东也“云”了，我们实际上是要借助京东云提供的免费云数据库来搭建网站的基础框架，有一个叫WordPress的东东非常的简单可以搭建出我们 需要的网站框架，如下面图片所示，注册后进来后找到一个叫“应用引擎JD App Engine (JAE)”并点击再进后你看到的是这个页面：

2. 第二步：一键安装WordPress开通二级域名的网站

www.Xenovo.jd-app.com是二级域名，www. jd-app.com是一级域名，后续我们注册一个www.ABCcareers.com就是有了公司自己的一级域名）。

如 上图看到这个W的符号没有，这就是传说中的WordPress（具体是什么自行百度），在这里我们要设置一个名称以及自己的二级域名（建议就是公司缩写如 ABCcareers，反正后续我们这个二级域名要绑定解析到以后正式的域名），稍微等待20秒左右系统就会弹出下面这个提示框，告诉我们安装成功了，但 是实际还没有成功，你需要点击下面的“立即访问”

3. 第三步点击“立即访问”后你会来到WordPress安装的向导页面

注意：因为涉及到比较多的账号密码什么的，建议每一步都做好账号密码的保存，桌面新建个文本文档保存备用）。

在 WordPress安装的向导页面填写好相关信息，这里的用户名和密码非常重要，这相当于是后续你这个公司招聘网站“后台”等用户名和密码，请务必保存 好。最后点击“安装WordPress”哈哈，第一阶段完成啦！进入完成页面后会跳转到登陆页面，输入刚才注册的账号密码你就正式登陆到未来公司招聘网站 的后台啦！（如下那个WordPress的LOGO是可以替换的后续我们会提及）

4. 第四步：进入WordPress后台，访问未来的我们的网站（http://xenovo.jd-app.com/）

可以简单熟悉下后台的功能，左侧这些从文章到设置等等，为我们将http://xenovo.jd-app.com/经过精装修后变声成为http://lenovocareers.com那样的网站。

5. 第五步：变更网站主题，找到最贴近需求的主题并安装

通过点击http://xenovo.jd-app.com/你会发现这个网站和http://lenovocareers.com相差太远了，尽管寻找我推荐安装叫做“Attitude”的主题，具体步骤如下：

点 击WordPress后台的外观—主题—输入Attitude你会找到下面红色框内这个主题，点击安装，在安装成功后点击启用，再去看你的站点 ，你会发现已经变了（WordPress的好处在于提供了成千上万免费的主题和插件，灵活应用可以最大化满足和自定义你的需求）。

6. 第六步：了解网站的基本布局并使用小工具、菜单、背景等功能

如下面截图，我们还未精装修的http://xenovo.jd-app.com/为例，网站一般都分为：

网站顶部header：网站顶部装修我们可以替换成单一的LOGO或者把LOGO做进一张铺满网站头部的图片上传上去（做好的图片上传到“多媒体”或者直接点击“顶部”将图片上传）；

导航栏menu：不同的主题可以在不同的网站位置创建、展示（或隐藏）导航栏，导航栏的链接可以通过自定义链接指向到其他网站）；

正文区content：这里主要就是对应到“文章”，每创建一篇文章都会在默认的首页生成一条，这里我们可以用来发布职位和雇主的其他内容）；

边栏sidebar：又有左边栏、右边栏，上下边栏等，边栏通过一些插件可以定义在不同的文章、页面进行展示或者隐藏；

网站底部footer：可以安装百度、谷歌等数据统计代码，告诉我们网站的详细访问数据；

三将准备好的内容填充到网站里面

经过上面六个步骤，我们让http://xenovo.jd-app.com/这个网站越来越接近http://lenovocareers.com了。接下来我们一步一步讲解并从上至下把对应的内容填充到网站里面：

1. 网站头部（下文第一张图）：点击WordPress后台的顶部选择你做好的图片（如下面图片有建议宽度1038像素，高度250像素）记得点击“不剪裁按原样发布”；

2. 变更网站布局（下文第二张图）：点击外观——theme options——design option（这里就是名为“attitude”主题提供给我们进行网站整体架构调整的一个功能），将默认比较窄的网站布局调整为宽频的并保存；

3. 隐藏文字网站标题和副标题：同样点击外观——theme options——design option——custom header——show，选择disable（即隐藏），顺便把Hide Searchform from Header也勾选上，这样网站头部就干净了。另外如果觉得网站header距离浏览器顶部距离太大我们在后续会降到如何修改CSS代码来实现。现在你知 道了外观——theme options这里面提供了强大的功能，包括发布文章后页面的默认边栏位置等等后续在需要使用到的时候我们会再次提及，大家可以尝试不断去调整变更来学习 掌握其具体功能；

4. 设置菜单（模仿联想官方招聘网站将其左侧的导航菜单临时放到网站头部下面）

点击外观——菜单，这里会有编辑菜单和管理位置两个选项，默认的菜单已经有首页和示例页面两个选项，同时菜单可以是链接（任何链接）、页面、分类目录（在网站后台WordPress里面创建的页面和分类目录）；

菜单结构里，点击某一菜单往右边拖动即可把该菜单放置到上一菜单下面，顺序排列等都很方便。设置保存好后刷新站点即可体验到；

5. 创建页面复制粘贴对应文字，插入或者上传图片后选择要发布页面的布局（带右侧边栏）

发 布页面后点击查看，我们发现边栏没有，那是因为边栏还没有设置任何东西，主要是页面下方的评论框很难看，我们可以通过点击外观——编辑，来到默认的页面是 Attitude: 样式表 (style.css)，这里全是代码，先不要头晕，样式表是定义整个网站显示时候的字号、颜色、上线编剧距离等等完整的代码，后续我们也会提到如何修改 和学习该代码，这里我们主要是找到评论 (comments.php)，然后将代码删除后点击更新文件，回到刚才的页面你会发现，评论框没有啦（也可以安装如bshare、jiathis等第三 方社会化分享、评论的插件，让评论框变得更加漂亮，这个后续我们会提及）。

6. 创建右侧边栏

点击外观——小工具，进入后你会发现，attitude这个主题在提供了很多边栏，默认的左侧边栏已经有了东西，但是右侧边栏是空的，我们按照如下步骤来模仿http://lenovocareers.com的右侧边栏：

点 击right sidebar，将左边的小工具里面的“文本，文本或任意HTML”拖动放置到right sidebar，输入相关文字内容等保存好。接下来回到文章-写文章（勾选上right sidebar），发布若干个临时职位，然后在回到小工具，将“最新文章”也拖入放置到right sidebar。

四本章操作实践应该掌握的几点

1. 掌握用WordPress作为网站框架基础；

2. 掌握安装主题后关于该主题的个性化自定义功能；

3. 掌握修改网站header、边栏sidebar；

4. 掌握页面创建、文章（职位）发布等；

通 过以上的步骤，我们已经开通了一个属于自己公司，暂时是二级域名的网站了屌丝招聘经理日记之做一个雇主自己的招聘网站http://xenovo.jd- app.com/，但是距离http://lenovocareers.com还要进行很多“装修”。各位可以参考以下作为家庭作业。

1. 将上面创建好的页面设置为首页（设置——阅读——首页显示）；

2. 尝试了解“标签”和“分类目录”的区别以及作用；

3. 尝试通过发布“文章”来发布10个以上的公司职位；

4. 将公司的介绍、企业文化、团队合影等通过新建页面的形式创建好；

5. 安装这几个插件（Display Widgets、JiaThis分享工具、Wordpress Popular Posts、WP-PageNavi分页导航）；

在下一“中级篇：完善网站功能（简历注册等）”里，我们将继续打磨http://xenovo.jd-app.com/并且将其实现高仿联想官方招聘网站http://lenovocareers.com，也将分享如何借助插件，不同的边栏控制，网站搜索引擎优化、网站解析备案等进行讲解（同时请期待高级篇：化流量为简历和招聘网站运营推广）。