首页 > Web > 建站篇二,采用wordpress仿站

建站篇二,采用wordpress仿站

wordpress是使用PHP语言开发的博客平台,支持在PHP和MySQL的服务器上架设自己的博客。由于简单易用且功能强大,得到了广泛地应用,特别是建立个人博客网站方面。
在空间跟域名搭建起来后,并且安装了wordpress后,接下来装饰美化网站,wordpress默认的主题一般都是比较平凡不显眼,而且只有基本的功能,可能还远未能达到我们的需求。最快捷的方式当数仿站了。最常用的方法是到网上逛一下主流或者非常有名的网站,并依照他们的样子来装饰自己的网站。仿站的主要原因,一是方便,看到心动的网站就可以很快模仿下来。二是节省时间,我主要是基于此原因才进行的仿站操作。
下面针对wordpress,说一下仿站的基本要求跟流程。

仿站的基本要求很简单:

1、不用太熟悉html跟css,但要基本了解
2、会一点动态网站编程语言php

基本流程:

一、找到一个你喜欢的网站
我们的网站是基于wordpress搭建起来的,所以到网上找一下用wordpress搭建起来的你自己觉得非常喜欢的网站。一般大多数博客都是用wordpress搭建起来的,所以非常容易找。
我逛了一圈,发现www.coolshell.cn,这个网站叫酷壳(下面就叫酷壳),还挺大气优雅,很适合做为一个技术博客。
Image
找wordpress网站的方法很简单,看一下网站的footer,如果有一个w的图标,并链接到wordpress.org,或者有其它链接指向的wordpress.org的,或者如果有主题由xxx提供,点击链接过去,发现该主题是基于wordpress的主题,那就是了。
 
比如酷壳网站的最底部是这样:
 Image
 
二、找到该主题的官网,并安装该主题
比如coolshell.cn的主题是inove,官网是http://www.neoease.com/inove/
主题的样子:
 Image
我们按照官网的说明,安装该主题,当安装完毕后,选择该主题,这时,网站基本就跟你看到的那个网站一模一样了。
三、酷壳不只安装了该主题,还对该主题进行一些修改,让该主题更加优雅大方。
于是研究一下酷壳网站,并进行模仿,比如酷壳在原主题的基本上扩展了页面的宽。采用firebug,研究一下页面的html与css。一般是从最外层开始研究。
酷壳的文章字体更大,右侧边栏的链接字体也变大。
Image
我们也在wordpress的后台,“外观”->”编辑“->修改style.css样式,把body也改成一样。
Image
酷壳把页面的宽度增宽到990px。
Image
我们也在wordpress的后台,“外观”->”编辑“->修改style.css样式,把宽度增宽到990px,更宽便可以展示更多的文字内容。
Image
文章列表的文章标题更大,以及标题跟内容的四边框更加显眼清楚。
Image
更多细节的修改,也是采用类似的方法。另外,有时候想修改某个class或者id而在style.css模板里面找不到,就可能在其它css模板里面,比如chinese.css。或者是新的样式,则自己在style.css里面添加就行。
四、主题模仿完成之后,便是功能的模仿。比如最右侧的最新文章列表是怎么弄出来的?
 Image
可以通过后台,“外观”->”编辑“->修改边栏sidebar.php模板, 添加下面的代码展示最新的文章
Image
get_archives函数可以参照wordpress官网的文档说明
五、通过装插件来实现其它更多的功能,比如,相关文章推荐、翻页导航、阅读量以及阅读排行等
Image
六、另外,我们有必要甚至还可以修改插件的代码。比如对于显示文章阅读量的这一个postvies plus插件,我们可以修改阅读量展示出来的样式类以及它跟其它页面元素的边距等
Image
七、收工,看一下www.helloitworks.com最新的效果:
导航头,导航栏菜单,以及文章列表的边框,右侧边栏的列表等,都是经过在原始主题的基础上,进行更多的细致优化。incredible beautiful!
Image

(转载本站文章请注明出处 www.helloitworks.com ,请勿用于任何商业用途)

分类: Web 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.