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

相关推荐
andr_gale8 分钟前
04_rc文件语法规则
android·framework·aosp
niucloud-admin44 分钟前
PHP V6 单商户常见问题——运行内存太小导致的报错处理
php
祖国的好青年1 小时前
VS Code 搭建 React Native 开发环境(Windows 实战指南)
android·windows·react native·react.js
nbwenren1 小时前
办公AI实测:Gemini3、GPT-4o、Claude3.5谁更强?
服务器·数据库·php
黄林晴2 小时前
警惕!AGP 9.2 别只改版本号,R8 规则与构建链路全线收紧
android·gradle
小米渣的逆袭2 小时前
Android ADB 完全使用指南
android·adb
hopetomorrow2 小时前
学习路之PHP --PHP 常用扩展及作用表
开发语言·学习·php
儿歌八万首2 小时前
Jetpack Compose Canvas 进阶:结合 animateFloatAsState 让自定义图形动起来
android·动画·compose
幽络源小助理3 小时前
影视脚本分镜在线协作系统源码 PHP剧本创作平台
开发语言·php
zhangphil3 小时前
Android Page 3 Flow读sql数据库媒体文件,Kotlin
android·kotlin