JVfantasy

天晚上都在搞什么ajax,头痛还是毫无进度。一天加一晚上折腾就成这样了。
所以昨天到今天什么都没干成,就在做这主题了,虽说基于Bootstrap框架,但用到它的样式其实不多。
到后期估计会把Bootstrap给去掉,不然多个CSS太肿了,好多CSS属性参数重复。
需要花时间的地方属评论模板为首,为了它最后实在没办法 表单区只能用bootstrap的,另外,侧边栏没做好,底部没做好,头部我还打算加点东西,
最重要的是三栏的布局响应式和配色都还没好。昨天完成的任务就这评论区了,还借鉴了目前使用的主题。
还有:该主题不支持IE,建议使用火狐、Chrome等浏览器浏览。
最后给新主题想了一个名字:JVfantasy
Ajax加载,前一篇也说了,细节还得学呢。

下面是制作学习的过程

首先是基本结构

网上能找到的基本教程都有,我只是把自己制作的过程粗略记录一下。
首先自己新建 style.css、index.php、header.php、footer.php、functions.php 这是刚开始所需要的模板。
而index.php是布局,在脑子里可以先把自己想要的布局画出来,分几个盒子来放置 头部、文章列表、侧栏、底部,之后就可以用css来控制位置和大小了。只不过同时需要记住一些基本的函数,比如 get_header(); get_sidebar(); get_footer();等等,这三个都比较简单,可以参考大多数主题的模板,主要是文章列表和文章主体,文章列表用于首页、搜索页的列表展示,需要用到主循环。细节上需要用到最主要的几个自定义函数:

  • // 注册左侧导航菜单
  • // 获取文章类型
  • // 获取分类目录链接
  • // 获取文章缩略图
  • // 获取文章阅读人数
  • // 获取文章评论数
  • // 文章分页导航

这些需要学一下基本的php知识,其实各大主题都有类似的函数,可以搬过来学习并创新。JVfantasy会按顺序以及标准将上面的自定义函数写在主函数functions.php模板中。

style.css开头部分的写法

首先是类似主题名称、作者、链接、版本 等等信息,还有一些主要标签的样式定义,如下:

  1. /* 
  2.   Theme Name: JVfantasy
  3.   Theme URL: http://www.inlojv.com/
  4.   Description: JVfantasy  技术支持:<a href="http://www.inlojv.com">INLOJV</a>
  5.   Author: INLOJV
  6.   Author URI: http://www.inlojv.com
  7.   Version: 1.0
  8. */
  9. html { font-size: 100%; }
  10. body { font12px "Microsoft Yahei""宋体""Arial Narrow", HELVETICA; }
  11. body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,input,textarea,select { margin: 0; padding: 0; }
  12. ul, li { list-style-typenonelist-stylenone; }
  13. img { bordernone; }
  14. a { color#4c4c4ctext-decorationnone; }
  15. a, a:hover, a:active, a:focus, object, embed, textarea, input { outlinenone; }