WordPress 首页模板怎么写(index.php 与 front-page.php)

  • 加载顺序
    wordpress首页模板真实加载情况到底是什么样的呢?我们来做一下实验。现在主题文件夹下面创建一个新的主题。里面创建文件index.php(里面写1)、front-page.php(里面写2)、home.php(里面写3)、page.php(里面写4)、page-home.php(里面写5)。
  • ,然后访问首页
  • home.php最高,详细测试这里不再展示,home.php>index.php

所以一个静态页面-》主页优先级front-page.php>page-home.php(slug需要设置为home)>page.php>index.php

所以一个静态页面-》文章页优先级home.php>index.php

二.首页选择

从上面的加载顺序可以看到,home.php适合做博客的首页,front-page.php适合做自定义的首页。那么使用home.php做自定义是否可以,也是可以的,但是不推荐,因为里面封装了很多的变量。那么使用index.php做首页是否可以,也是可以的,但是index.php是优先级最低的模板(兜底模板)会需要实现很多的功能。

三.我们用兜底模板index.php作为博客首页来实现功能,去熟悉一下worpdress,添加如下代码,展示的是一个文章列表。

<main class="container">

<h1>最新文章</h1>

<?php if(have_posts()): ?>

<?php while(have_posts()): the_post(); ?>

<article>

<h2>

<a href="<?php the_permalink(); ?>">

<?php the_title(); ?>

</a>

</h2>

<div class="excerpt">

<?php the_excerpt(); ?>

</div>

</article>

<?php endwhile; ?>

<?php else: ?>

<p>暂无文章</p>

<?php endif; ?>

</main>

四.wordpress还有文章列表分类和tag页面也会进入index.php

相关推荐
疯华整猫1 小时前
把二十七个 init 从首帧前面搬走:用 Trae 把启动优化钉进 CI
android·性能优化·ai编程
传奇开心果2 小时前
【探秘 Jetpack Compose 框架深水区】 第8课:rememberSaveable 的边界在哪里?——Bundle、Saver 与什么值得跨进程存活
android·kotlin
Frankie_stand3 小时前
测试自动化实战指南:从脚本化、自动判据到 CI 集成的完整落地路径
android·ci/cd·自动化
恋猫de小郭4 小时前
Flutter 大小核优化又被回滚,然后又开新提案?
android·前端·flutter
Kapaseker4 小时前
领导问我 Kotlin 的 Nothing 是什么?
android·kotlin
爱和冰阔落4 小时前
【Linux网络】JsonCpp 怎么实现序列化?从 Request/Response 到网络计算器消息设计
linux·运维·网络·php
eggwyw4 小时前
PHP8.5怎么用ffmpeg提取视频里的字幕轨道
开发语言·php
韩曙亮4 小时前
【错误记录】安卓 adb 调试 5037 端口占用排查 ( adb 的三层结构 | 找出本机占用 5037 的进程 )
android·数据库·adb·安卓·错误记录
三少爷的鞋5 小时前
不改变异步本质,只改变代码组织:Telegram 项目的 Kotlin 协程实践
android
好的佩奇14 小时前
蓝牙之广播与扫描
android·flutter·蓝牙