阿豪的个人博客网站_专注于web项目前端、后端、api接口、小程序、公众号、WordPress模板开发。

这个世界是美丽的,就算充满了悲伤和泪水,也请你睁开双眼,去做你想做的事,成为你想成为的人,去爱你想爱的人,找你想要的朋友。
不必焦躁,不必迷惘,请慢慢地长大,无论发生什么事情,请不要后悔与这个世界相遇。

WordPress模板开发–header与footer部分

我们开发的网站前端模板都会有共用的部分,如:网站的头部和底部,一般我们会把共用的部分单独放在一个文件里,只要在在使用的页面如:首页,文章祥情页以及自定义的页面把header,footer加载进来即可。

现在我们创建一个首页: index.php, 会把header.php与footer.php拆分出来单存放并引用到首页。

header.php

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>第一个WordPress模板</title>
</head>
<body>

footer.php

<footer>
    <p>@2020 fujuhao.com</p>
</footer>
</body>
</html>

index.php

<?php echo get_header(); ?>
<h3>Hello WordPress!</h3>
<?php echo get_footer(); ?>

现在我们可以按F12查看浏览器的加载情况如下:

用到的模板标签: get_header(), get_footer(), 这些都是加载特定的文件,如果我们想加载自定义的文件可以使用:get_template_part(‘xxx/xxx’); 这个标签的使用,可以参考官方文档。

{{model.comment_total}} 条评论
Loading...
更多评论