主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
文章快速目录
第一步:样式页脚第二步:设置页脚P的行距第三步:header.php第四步:将header.php引入index.php第四步:sidebar.php第五步:footer.php教程复习我们完成了主题的样式化,开始将index.php文档分成几个小文档,在本文中,我们应该首先修改style.css文件,然后将index.php分成一些新的文件。
打开XAMPP、主题文件夹、火狐、IE、index.php和style.css
步骤1:样式页脚
为footerDIV添加10px顶部填充。你还记得怎么增加填充吗?这次我不提供代码了。
第二步:设置页脚p的行距。
页脚中所有P标签的行距为18px。那是#页脚p{}。(今天CSS就讲到这里。)
第三步:header.php创建了一个新文件,并将其命名为header.php。在index.php文件中,将headerDIV和上面的所有内容复制到headerDIV文件中。
-123这是我的header.php档案。别抄我的,抄你自己的index.php档案。
第四步:将header.php引入index.php。
为了将所有从index.php复制的内容保存在index.php文件中,请输入以下代码:
& lt?PHP get _ header();?& gt
这是一个专门用来导入header.php文件的WordPress主题系统函数,而不是使用PHP函数:
保存并刷新您的浏览器,您应该看不到任何变化。如果你的改动破坏了主题,那么一定是有错误。
第四步:sidebar.php和第四步一样,还有更多相同的东西。这一次,创建sidebar.php文件。从头到尾将SidebarDIV从index.php文件复制到SidebarDIV文件。然后,在index.php文档中,将其替换为:<?PHP get _ sidebar();?& gt。保存并刷新浏览器。同样,您应该看不到任何变化。这是我的sidebar.php档案。
第五步:footer.php对footer.php重复上述步骤。这是我的footer.php档案。
课程回顾创建了三个新档案:header.php、sidebar.php和footer.php。使用了三个新函数:get_header()、get_sidebar()和get_footer()。这是本课结束后的文件:索引、样式、页眉、侧栏、页脚。
这几篇文章你可能也喜欢:
- 哪个 WordPress 永久链接最好?(WordPress 链接在新窗口中打开)
- WordPress主题开发教程12:页面链接列表(WordPress固定链接设置)
- 安装和使用 WordPress 健康检查和故障排除插件的教程
- Hostinger WordPress+Woocommerce 搭建独立站完整教程(如何付费搭建WordPress独立站)
- Shopify 和 WordPress 哪个更好?
本文由主机参考刊发,转载请注明:主题开发教程XXIII:底部和分割索引 https://zhujicankao.com/87205.html
评论前必须登录!
注册