使用wordpress遇到的坑:“混乱”的主题层级结构之首页模板,home.php front-page.php

翻译自:https://www.rarst.net/wordpress/front-page-logic/

开始折腾wordpress,版本WP5;

 万万没想到弄个首页被模板层级结构搞得晕头转向!!

抛开wordpress,但就语义上 homepage和 frontpage他妈的不是一样的么!!!可到了WP这里,麻蛋真恶心……

首页设置项在后台可以选择 最近博文 或者 固定页面,

首页模板具体的继承规则有网友做了总结,这里记录一下,希望能帮助有需要的网友,当然啦,如果看WP codex文档会更好,但是也够够的了!

我觉得更牛逼的是这个主题层级网站:https://wphierarchy.com/

看的我一脸懵逼,好可怕的WP……

▼对于下面的表格,一个是body class,另外是is_home和is_page,好好体会咯,归纳一下home.php是会在循环输出博文内容时用到,font-page.php才是真正的homepage啊,它的优先级杠杠的!

 

 Default

默认

 Static front page

当选择固定页面时

Front page displays

首页显示方式

Your latest posts

最近博文

Front page:
Front

首页样式

Posts page:
Posts

博文样式

URL

域名样式

example.com
(site URL)

网站域名

example.com/posts
(page URL)

页面伪静态域名

Template hierarchy

模板层级

front-page.php

使用font-page.php模板

home.php

使用home.php模板

home.php

缺少front-page.php就会

去寻找home.php

从上至下依次找,找到谁就用

  • $custom.php
  • page-$slug.php
  • page-$id.php
  • page.php 
  • singular.php

index.php

命根子模板index.php

Body classes

前台网页body标签的class样式名

  • home
  • blog
  • home
  • page
  • page-id-$id
blog

Loop and content

模板内容

posts indexpageposts index

home_url()

内置函数的值

https://example.com
get_post_type_archive_link('post')https://example.comhttps://example.com/posts

is_front_page()

内置逻辑判断函数

truefalse

is_home()

内置逻辑判断函数

truefalsetrue

is_page()

内置逻辑判断函数

falsetruefalse
get_option( 'show_on_front' )'posts''page'
get_option( 'page_on_front' )0Front page ID 
get_option( 'page_for_posts' )0 Posts page ID
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值