手把手教你打造简书风格的精美我的博客

废话晚点说，先上图，如下是本人天地会珠海分舵仿简书风格的博客科技向前冲：

 

科技向前冲首页

怎么样？是否是咋一看觉得本身到了咱们亲爱的简书了呢？^v^。

如以前本人跟简书的“简叔”互动讨论上海的办公室是否应该叫“简书工做室”仍是“简书斋”等时谈过，我的是被简书这种简洁清新的风格深深吸引的住。(这里算是给简书打个广告了，真的很不错了，喜欢写做的人去看看，包你满意！)

既然咱们都喜欢舞文弄墨的，那么有一个本身的博客是最好不过的了。这里所说的本身的博客不是说在cnbeta等博客平台上注册个帐号这种，由于这个仍是寄人篱下而已-在人家家里，不少东西你不能乱动，好比你不能在人家墙上写写画画的(如贴小广告等)。因此这里说的本身的博客是指彻底本身控制的自主博客。

该博客是基于Wordpress的，Wordpress今时今日已经很是成熟。因此这里不会描述Wordpress怎么搭建，网上一抓一大把。这里我之因此使用Wordpress的缘由是它支持很是丰富的插件。

好比咱们今天说的仿简书的主题就是一个插件。可是该主题安装以后不能直接应用，有很多地方须要进行修改。网上确找不到任何详细的信息来指引咱们进行订制。

因此这里我就抛砖引玉，给你们说下我是怎么搭建一个高仿简书风格的自主博客的。往下以前先致谢主题做者Pete(我是从代码中看到Pete的名字，若是有误的话请联系我进行修改)

第一步 下载主题插件

---

看官能够到本人博客资源中进行下载http://download.csdn.net/download/zhubaitian/8541107

第二步 登陆Wordpress后台管理

---

首先登陆你的Wordpress网站管理后台，下面是本人Wordpress网站的后台登陆界面：

 

登陆你的网站后台

输入你的用户名密码后就会进入到后台管理页面：

 

WordPress后台管理界面

第三步 安装主题

---

具体步骤按照如下图片走就行了，很简单：

 

找到插件选项

 

 

 

打开插件页面.png

 

添加插件页面

 

上传插件

 

安装插件

最后点击安装，等待安装完毕！

第四步 订制其余导航页面

这一步须要修改相应的php代码。你们若是不懂得程序的话也不用担忧，由于我本身就根本对php只是知道个名字而已，我本身都能摸索出来，况且如今我已经告诉你应该怎么作了呢。

首先点击下图的主题按钮以进入到主题设置页面：

 

进入主题

而后在主题的下拉菜单中点击“编辑”：

 

点击编辑菜单.png

点击后会来到这个编辑页面：

 

进入编辑页面.png

你们能够看到右边显示了该主题的全部代码文件，咱们往下会对相应的文件进行简单的修改以适应咱们的要求。

这里要注意的是主页导航页面的php代码文件和首页的php代码文件是分开实现的，虽然在网站中咱们的效果看起来是同样的。这里咱们先看其余导航页面(指的是网站中咱们看到的点击左边导航栏非”首页“菜单时所出现的其余页面)。

先点击右边的archive.php模版文件，而后进行如下的编辑：

 

其余导航页的信息设置.png

修改后的效果以下图所示：

 

其余导航页的信息设置结果.png

具体你要改为什么样，须要根据你本身的状况进行修改了。

第五步 订制首页

---

首页的订制其实跟上面其余导航栏的订制是差很少的，你们跟着下图作就能够了。

 

首页信息设置.png

第六步 订制底部

底部信息咱们能够放上咱们本身的联系方式等，要修改的文件是footer.php。

 

网站底部信息设置.png

效果以下所示：

 

网站底部对应信息效果显示.png

第七步 订制“阅读量”统计信息

---

该主题默认是没有在主页的文章列表中显示出阅读量的数据的，这里咱们能够加上去。

不过提及来悲剧，增长后才知道本身网站的访问量原来少的可怜，还望你们多捧场了。

要修改的文件是post.php:

 

文章列表增长阅读量统计.png

修改后的效果：

 

增长阅读量信息后的效果.png

第八步 订制手机版悬浮菜单

---

PC版的信息咱们算是定制完了，下面咱们须要订制下手机版的悬浮菜单项。

须要修改的文件是header.php文件，具体要修改的代码以下图所示：

 

手机端悬浮按钮设置.png

最终你在手机上打开后悬浮菜单就会以下图所示：

 

 

展开菜单后以下图所示：

 

至于上面的about页面，这个跟主题就没有什么关系了，你们在Wordpress管理后台中添加这个页面就行了。若是确实不知道怎么去添加的话，那就在文章最后的联系方式中联系我好了。