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

首先我们设置一个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,如图:

 

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

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

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

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

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

关于如何为WordPress设置自定义静态首页?的相关内容;如有侵权,请联系老文删除。

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
老文的头像老文
上一篇 2024年7月31日 下午12:02
下一篇 2024年7月31日 下午12:41

相关推荐

  • 腾讯云与阿里云,com/cn/net等域名续费、转入、注册价格一览表

    阿里云域名续费、转入、注册价格一览表 阿里云域名价格详情地址   腾讯云域名续费、转入、注册价格一览表 腾讯云域名价格详情地址

    2022年5月18日
    566
  • 详解WordPress主题三种安装方式

    给大家介绍关于WordPress安装主题的三种方式,希望对需要的朋友有所帮助!相比于其他CMS,WordPress最大的特色就是它可以让你更换主题,无需代码就能定制网站外观,那么如何为你的站点安装WordPress主题呢,在本文中我们来分享几个常用方法 通过WordPress后台安装主题 WordPress 使用非常方便,很重要一点就是它大部分功能可以在后台…

    2022年2月12日 建站知识
    304
  • WordPress添加图片水印插件

    强调图片版权,防止懒人直接盗图,给图片加上水印还是很必要的。图像处理熟手,对上传到主机的图片都会进行一些修饰,顺便加上水印,是很简单的事,但大部分童鞋还是喜欢能自动给图片加上水印,WordPress有强大的插件能为我们提供方便。 WordPress插件安装页面,输入“watermark ”关键词并搜索,会找到众多的图片加水印插件,比如: Easy Water…

    2021年8月13日
    558
  • 宝塔面板一键卸载教程命令:删除宝塔面板并重新开始安装

    宝塔面板自从爆出重大漏洞之后,目前来看似乎该升级的朋友已经都升级了,其他的朋友要么是没什么重要数据,要么就是根本没用宝塔所以高枕无忧。那么除了升级之外,如果我们想卸载宝塔,并且使用其他的建站环境的话,可以看一下小编整理的宝塔面板一键卸载教程。目前卸载方法主要包括直接重装系统法以及使用宝塔提供的卸载命令进行卸载的方法。 一、直接重装系统以实现卸载宝塔面板 重装…

    2022年2月7日
    1.8K
  • 推荐三个方法来关闭 WordPress 自动更新

    推荐三个方法来关闭 WordPress 自动更新 # 方法一 推荐!编辑 WordPress 网站目录下的 wp-config.php 文件,添加如下代码: define( ‘AUTOMATIC_UPDATER_DISABLED’, true ); # 方法二 编辑当前主题的 functions.php 配置文件(仪表盘 – 外观 –…

    2023年8月22日
    371