如何设置WordPress网站正在建设中页面?

在Wordpress网站建设初期,设置一个网站正在建设中的页面是十分必要的。这样就可以避免用户看到不完善的内容,也可以避免搜索引擎收录存在问题的内容。

在网站建设过程中,网站的很多页面内容和功能还未完善,如果用户在这时候访问网站,会看到不完整、错误和存在其他问题的内容,这会给用户一种网站质量低下的印象,不但影响用户体验还会影响企业的形象和信誉。

另外,在网站建设初期,很多页面内容和链接还不稳定,如果被搜索引擎抓取和收录,可能会影响日后网站的搜索排名。

那么,我们应该如何为Wordpress网站设置一个正在建设中的页面呢?

安装Maintenance插件

Maintenance插件是一款常用的WordPress插件,可以让你为网站开启维护模式,并显示一个临时的页面,告知访客网站正在维护中。安装和使用Maintenance插件的教程如下:

第一步:登录Wordpress仪表盘后,依次点击插件-安装新插件按钮,找到并安装和激活Maintenance插件;

如何设置Wordpress网站正在建设中页面?

第二步:在WordPress后台,找到并进入“Maintenance”设置页面。在基本选项中,设置维护页面的标题和描述内容,然后保存就可以了。

如何设置Wordpress网站正在建设中页面?

第三步:保存后就可以在前台查看维护页面的效果了,如下图所示。

如何设置Wordpress网站正在建设中页面?

该插件还提供高级版本,需要付费才能使用,包括联系表单、位置地图和网站开发进度条等功能。对于大多数用户来说,免费版本已经足够了。

上传静态html文件

我们可以在Wordpress网站的根目录下,上传一个名为Maintenance.html的文件,然后设置优先访问该文件就可以了。具体操作步骤如下:

第一步:在本地使用记事本创建一个扩展名为html的文件,名称可以随意命名,我们这里命名为Maintenance.html。

第二步:将以下代码添加到Maintenance.html文件中。

<html>
<head>
    <title>Website Under Construction</title>
    <style>
        h1 {
            font-family: Arial, sans-serif;
            font-size: 36px;
            color: #333333;
        }
        p {
            font-family: Arial, sans-serif;
            font-size: 18px;
            color: #666666;
        }
        .container {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Website Under Construction</h1>
        <p>We are working hard to bring you a new and improved website. Please check back soon for updates.</p>
    </div>
</body>
</html>

第三步:将该文件上传到Wordpress网站的根目录下。如果使用宝塔面板,可以直接通过网站文件管理上传。没有没有使用任何管理面板,可以使用FTP工具上传。

第四步:根据服务器环境的不同,在网站的服务器配置文件中添加下面的代码。

Nginx版本:

# 永久重定向到niuqi360.com/welcome.html
 server_name niuqi360.com;
 rewrite ^/$ http://niuqi360.com/maintenance.html permanent;

Apache版本:

<VirtualHost *:80>
    ServerName niuqi360.com
    Redirect permanent / http://niuqi360.com/maintenance.html
</VirtualHost>

如果您使用的是宝塔面板,那么可以通过访问网站–设置–伪静态,然后添加上面的代码。

如何设置Wordpress网站正在建设中页面?

第五步:查看前台的效果。如下所示,当用户访问网站首页时,就会显示下面的页面。

如何设置Wordpress网站正在建设中页面?

您也可以根据需要,修改页面上显示的内容,只需要在html代码中进行修改即可。

综上,就是牛奇网为您介绍的,关于如何设置Wordpress网站正在建设中页面的方法。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/wordpress/how-to-create-a-maintenance-mode-page-in-wordpress/

(0)
牛奇网牛奇网
上一篇 2023年6月1日 上午9:25
下一篇 2023年6月6日 上午9:33

相关推荐

发表回复

登录后才能评论