让代码更简单

WordPress主题制作教程仿站教程

重要:本文最后更新于2019-02-06 21:50:45,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

WordPress这个内容管理系统在市面上的占有率是非常大的,或许你经常浏览的某个网站就是用WordPress搭建的,WordPress主题也非常之多,多到保证你没有全部见过那么多。但是主题再多也多不过它的使用者多,这样就不可避免的出现很多站都是用的同一种主题,比如国内比较流行的大前端dux主题、知更鸟主题等等。千篇一律最后的结果肯定是审美疲劳,虽然这些主题做得都非常好看,代码狗博客曾经就使用的是大前端的dux主题。

WordPress教程

WordPress教程

这样一来,很多WordPress站长就对自己用的主题越来越看不顺眼,有技术的就自己设计一款属于自己的主题,没技术的就只好东抄抄西抄抄,把原来的主题改得面目全非,主题作者都认不出来的那种。但是随着建站越来越简单,还有更多站长属于代码小白那种,你让他自己设计网站是不可能的,仿站也找不到方法,代码狗也仿过好几款主题了,就把仿制的过程记录下来,给大家参考参考,希望大家都能了解WordPress主题的运作方式,并且做出自己喜欢的主题。

WordPress仿站教程

既然是仿站,那肯定是需要找到一个目标站了,当然也可以是很多个目标站,比如代码狗现在使用的主题就是集合了好几个主题的特点改制的。然后我们就按照下面的步骤一步一步来制作我们自己的主题。

讲在前面:我自己都觉得啰嗦,不过为了让大家少走弯路也算值得。我看到很多朋友做这步的时候喜欢用一些仿站软件,扒站软件等工具,其实那样做也没有什么不对,只是不能很好的了解你所在的网页中使用了哪些文件,这些文件之间的关系看起来就比较复杂。我个人喜欢也建议大家使用浏览器进行仿站操作,因为目前chrome内核浏览器可以很方便的看到网页元素以及各种文件之间的关系,右键也能很方便的下载网页的所有需求文件,实在是没有必要去用一些仿站软件来帮我们实现。

  1. 下载目标站点的HTML源码及相应的CSS样式、JavaScript脚本。
  2. 明确了解WordPress主题结构及各文件之间的关系。
  3. 建立主题文件夹及WordPress主题识别文件并在后台使用主题。
  4. header并引用
  5. footer并引用
  6. sidebar并引用
  7. 文章列表excerpt并引用
  8. single文章页模板
  9. archive、tag、search、category页模板
  10. 404模板及自定义页面模板
  11. 评论模板
  12. 主题后台
  13. 主题SEO优化及功能丰富

总的来说,一个主题的仿制要经历这13个步骤。从无到有制作一款主题更是复杂,希望大家学会了这个仿制教程,就不要去用什么盗版了,尊重作者。很多关于主题制作的代码本站几乎都发表过文章,并且很多实用功能,比如:熊掌号推送、阅读量统计、点赞实现、打赏功能等都有现成的代码,有需要的自取。

感觉很棒!可以赞赏支持我哟~

11 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐