WordPress主题开发:首页

WordPress的首页位于主题根目录下,名字是index.php,本小节主要操作该文件。

描述

WordPress的首页位于主题根目录下,名字是index.php,本小节主要操作该文件。

WordPress主题开发:一个WordPress主题的文件结构

开始

1.打开首页,写入一个基础的html布局

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
	
</body>
</html>

2.分割头部和底部

在WordPress主题中,大多数页面的头部和顶部都是一致的,因此我们需要将头部和底部单独拎出来,创建成header.php文件和footer.php文件:

header.php

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>

footer.php

	
</body>
</html>

注意文件名称,完成这些之后你的index.php文件应该是空白的!

3.在index.php中调用头部和底部

这里用到get_header()函数和get_footer()函数:

index.php文件

<?php get_header(); ?>

<?php get_footer(); ?>

WordPress引入头部模板函数:get_header

WordPress调用页脚函数:get_footer

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限

为TA充电
共{{data.count}}人
人已赞赏
主题开发

WordPress主题开发:一个WordPress主题的文件结构

2021-5-24 12:35:15

主题开发

WordPress主题开发:安全的引入主题CSS和JS

2021-5-26 12:57:48

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索