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

相关推荐
羊羊20352 小时前
开发手札:Unity6000与Android交互
android·unity·android-studio
航Hang*2 小时前
网络安全技术基础——第3章:网络攻击技术
运维·网络·笔记·安全·web安全·php
Kapaseker2 小时前
如果你还没有搞懂 Kotlin 委托属性,进来看看
android·kotlin
黄林晴2 小时前
苦等多年!Compose 终于迎来原生 Media3 播放器
android
亘元有量-流量变现2 小时前
深度技术对比:Android、iOS、鸿蒙(HarmonyOS)权限管理全解析
android·ios·harmonyos·方糖试玩
米码收割机3 小时前
【Android】基于安卓app的健身房会员管理系统(源码+部署方式+论文)[独一无二]
android
xuansec3 小时前
ThinkPHP 6.0.X 反序列化漏洞利用指南(PHPGGC 工具版)
安全·php
酿情师3 小时前
2026软件系统安全赛初赛RSA(赛后复盘)
android·网络·安全·密码学·rsa
Digitally3 小时前
如何轻松地使用隔空投送将iPhone内容传输到Android
android·ios·iphone