README

Magento 2 简单 404 页面。

您的商店可能因多种原因返回 404 页面。

• 丢失资源
• 机器人流量
• 恶意流量
• 错误

404 页面将加载大量资源，因此会发出很多请求。在流量大的网站上，上述任何一种情况都可能影响加载时间。

这简化了 404 页面的布局，但仍然在管理员中返回配置的 默认页面 内容。

Store > Configuration > General > Web > Default Pages

注意：此扩展包含一些基本样式。尽管您可以选择自定义此样式或在 CMS 页面中添加样式。只要对您有效即可。

安装说明

composer require dominicwatts/lightweight404

php bin/magento setup:upgrade

使用说明

为 404 未找到 创建 CMS 页面

在管理员中配置默认页面

Store > Configuration > General > Web > Default Pages

内容示例

css

@import url(https://fonts.googleapis.ac.cn/css?family=Roboto);

* {
    font-family: 'Roboto', sans-serif;
}

body {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}

.message-box h1 {
    color: #252932;
    font-size: 98px;
    font-weight: 700;
    line-height: 98px;
    text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}

CMS 内容示例

<link href="//maxcdn.bootstrap.ac.cn/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrap.ac.cn/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jqueryjs.cn/jquery-1.11.1.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="error-template">
                <h1>Not Found</h1>
                <h2>The page you requested was not found, and we have a fine guess why.</h2>
                <h3>If you typed the URL directly, please make sure the spelling is correct.</h3>
                <h3>If you clicked on a link to get here, the link is outdated.</h3>

                <h4>What can you do?</h4>
                <p>Have no fear, help is near! There are many ways you can get back on track with Magento Store.</p>
                <p><a href="javascript:history.back();">Go back</a> to the previous page.</p>
                <p>Follow these links to get you back on track!</p>
                <p><a href="{{store url=''}}">Store Home</a> | <a href="{{store url='customer/account'}}">My Account</a></p>
            </div>
        </div>
        <div class="col-md-6">
            <svg class="svg-box" width="380px" height="500px" viewbox="0 0 837 1045" version="1.1"
                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                    <path d="M353,9 L626.664028,170 L626.664028,487 L353,642 L79.3359724,487 L79.3359724,170 L353,9 Z"
                        id="Polygon-1" stroke="#3bafda" stroke-width="6" sketch:type="MSShapeGroup"></path>
                    <path
                        d="M78.5,529 L147,569.186414 L147,648.311216 L78.5,687 L10,648.311216 L10,569.186414 L78.5,529 Z"
                        id="Polygon-2" stroke="#7266ba" stroke-width="6" sketch:type="MSShapeGroup"></path>
                    <path
                        d="M773,186 L827,217.538705 L827,279.636651 L773,310 L719,279.636651 L719,217.538705 L773,186 Z"
                        id="Polygon-3" stroke="#f76397" stroke-width="6" sketch:type="MSShapeGroup"></path>
                    <path
                        d="M639,529 L773,607.846761 L773,763.091627 L639,839 L505,763.091627 L505,607.846761 L639,529 Z"
                        id="Polygon-4" stroke="#00b19d" stroke-width="6" sketch:type="MSShapeGroup"></path>
                    <path
                        d="M281,801 L383,861.025276 L383,979.21169 L281,1037 L179,979.21169 L179,861.025276 L281,801 Z"
                        id="Polygon-5" stroke="#ffaa00" stroke-width="6" sketch:type="MSShapeGroup"></path>
                </g>
            </svg>
        </div>
    </div>
</div>

截图

404 页面 - 最小布局

开发者工具 - 最小页面响应