wordpress主题制作之《chiyubaWP主题动态首页制作》
前言
今天开始正式进入主题制作了。在主题制作前我们需要先准备好一个完整的html网站的页面,目前我只准备了首页,后面的页面我会边做边写。首先来看看首页长什么样子。
这个页面来自于我的另一个网站chiyuba.com友情链接部分,这个教程我会慢慢改造成一个导航网站。下面我们开始制作这个页面把。
正文如下
1. 先给大家看一下我最后拆分的效果把!可能不是最好的方式,后面也可能做调整,但是目前就是这么拆分的。
2. 首页拆分(index.html)
首页主要拆分了四块: index.php/header.php/footer.php/sidebar.php/
index.php为主要的框架模块
header.php为公共的头文件
footer.php 为公共的底部文件
sidebar.php为侧边栏模块
首页其他的小模块均放在component下。下面来看看具体的代码吧,这次只是将静态网页做了拆分,并没有显示实际数据,例如导航栏等地方的数据都是假的,下一篇文章我就会将静态数据全部变成动态数据。
3. index.php代码
4. header.php代码
5. footer.php代码
6. sidebar.php代码
7. 其他部分代码
总结
时间关系,代码我并没有贴完,有哪个意思就行。我只是提供一个思路。
其中个人认为最重要的两个函数:
<?php bloginfo("template_url"); ?> // 这是获取模板所在路径
<?php get_template_part('component/post-list-card-item'); ?> // 加载组件(component下所有的都可以看做是组件)方式
今天的文章就到这里,大家如果有不明白的地方可以留言。
版权声明:
作者:小何
链接:https://ligo100.cn/qianduanjishu/ui/121.html
来源:小何博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论