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

相关推荐
zhangjin11202 小时前
解决Android Studio gradle下载超时和缓慢问题(二)
android·ide·android studio
xingxiliang9 小时前
深入浅出 Android CTS 视频测试:从环境搭建、用例设计到底层通信原理
android·音视频
我命由我123459 小时前
Android 开发问题:为 PDFView 设置一个带有黑色边框的背景 drawable,但边框没有生效
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
雨白11 小时前
深入理解 Kotlin 协程 (八):拾遗补阙,探秘官方框架的调度细节与取消闭环
android·kotlin
海天鹰13 小时前
PHP上传文件
android·开发语言·php
2501_9159184114 小时前
详解iOS App上架至App Store的全流程步骤与注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
码农coding15 小时前
android12 SystemUI之StatusBar(二)
android
shiyi.十一16 小时前
第7章:无线网络和移动网络 — 知识要点与架构
网络·架构·php
晓梦林17 小时前
[极客大挑战 2019]PHP学习笔记
笔记·学习·php
Lesile17 小时前
Interview#1 历史演进:MVC · MVP · MVVM · MVI架构详解
android·android jetpack