昨
天晚上都在搞什么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开头部分的写法
首先是类似主题名称、作者、链接、版本 等等信息,还有一些主要标签的样式定义,如下:
- /*
- Theme Name: JVfantasy
- Theme URL: http://www.inlojv.com/
- Description: JVfantasy 技术支持:<a href="http://www.inlojv.com">INLOJV</a>
- Author: INLOJV
- Author URI: http://www.inlojv.com
- Version: 1.0
- */
- html { font-size: 100%; }
- body { font: 12px "Microsoft Yahei", "宋体", "Arial Narrow", HELVETICA; }
- body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,input,textarea,select { margin: 0; padding: 0; }
- ul, li { list-style-type: none; list-style: none; }
- img { border: none; }
- a { color: #4c4c4c; text-decoration: none; }
- a, a:hover, a:active, a:focus, object, embed, textarea, input { outline: none; }
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/3611.html