前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何为WordPress设置自定义静态首页?

如何为WordPress设置自定义静态首页?

原创
作者头像
半夜喝可乐
发布2023-03-31 21:14:21
1.4K0
发布2023-03-31 21:14:21
举报
文章被收录于专栏:小轻论坛小轻论坛

首先我们设置一个php文件,文件名和代码都可以自定义,如show.php及下方代码为例:

代码语言:javascript
复制
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网站维护更新中,敬请期待</title>
</head>
<style>
*{
 margin:0;
 padding:0;
 }
html{
 height:100%;
 }
body{
 background:#F1FDFE;
 height:100%;
 }
.mom{
 width:600px;
 height:100px;
 line-height:100px;
 text-align:center;
 font-size:30px;
 border-width:5px;
 border-style:dashed;
 border-color:rgb(200, 0, 255);
 position:relative; left:50%;
 margin-left:-300px; top:50%;
 margin-top:-50px;
 background:#e6fafd;
 color:rgb(255, 0, 55);
 }
</style>
<body>
<div class="mom">
 网站维护更新维护中,敬请期待....
</div>
</body>
</html>

修改文件名,在前面加一个“page-”,如page-show.php,并将本文件置于主题文件下,如/wp-content/themes/zibll文件夹下面。

接下来,我们进入WP后台设置一个页面,随便起个名字,然后将链接设置为你的文件名,不带“page-”,即show,如图:

最后,进入设置-阅读页面,将主页显示改为“一个静态页面”,并在主页的下拉框中选中你刚发布的那个页面。

这样,你会发现打开首页,将会是你自己设置的一个自定义静态首页,而其他文章页并不会受影响。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com