定制论文:创建有用的404页

本教程适用于那些使用ChrisPearson's在Wordpress上运行站点的幸运用户。亚博yabo88app 下载论文主题。如果你不知道亚博体育下载论文花几分钟时间参观我们的论文主题回顾亚博yabo88app 下载.

如果你没有自己的论文,你可能会从本教程中获得一些提示,但对你来说,实现起来就不那么容易了!

世界各地的网页设计师都与他们有爱恨关系。我们说的是404页。亚博体育下载经常会看到404页的诙谐。比Internet Explorer或Firefox提供的标准404页面更好。有关404页的示例,请查看粉碎杂志404页的列表.


好笑-404

以上404页来自杰米·赫斯基森.

功能如何?亚博体育下载

时尚和时尚是很棒的,但是如果你也想要一个功能性的404页面,网站管理员知道页面何时被破坏?

好吧,Wo亚博yabo88app 下载rdpress来拯救我们!多亏了创建错误404页,我们可以做到!此代码允许WordPress生成一亚博yabo88app 下载个页面,通过显示搜索框帮助用户。如果他们通过一个断开的链接到达404页面,它也会给你发电子邮件。

我们在www.gyu-kura.com非常喜欢这段代码,因为它可以帮助您跟踪损坏的页面。它还可以让你知道要修复哪些问题,但它确实需要一些改进。

改进

出于某种原因,如果您使用Firebug和Web Developer进行任何类型的CSS编辑,你的收件箱里会有一大堆邮件。要解决此问题,我们将要添加代码以帮助保留IP地址发送这些电子邮件。

我们还认为用户没有足够的可点击选项,因此,我们还希望向用户显示主页和一些最新的帖子,这样他们就可以快速离开页面。我们的目标是让他们留在我们的网站上,不要回到他们来的地方。

成品

请注意,这是一个古老的教程。所用的例子已经改变了。

这是我们将要做的事情的快速快照。

用户404错误页:

用户404

管理员404错误页:

ADMN-404

论文整合

所以要知道你已经看到了我们在做什么,让我们开始吧。论文默认提供自定义404页,但如果你想把它带到下一个层次呢?几个月前,Sugarrae在定制论文404页.这篇文章非常棒,因为它向您展示了与开发一个自定义404页面相关联的钩子,但是我们将通过实现这些改进并添加一个干净的设计,把它带到下一个层次。

步骤1–警告图像

右键单击并选择另存为,下载“小心”图标。

四百零四

下一步,将其放入自定义文件夹。(此文件夹位于/wp content/themes/thesis_xx/custom/)。

此图像将用作它们已到达404页的可视通知。

第2步-大部分代码

既然您在自定义文件夹中,那么就找到自定义的\u functions.php,让我们添加大部分代码。此代码已经过定制,以包括我们上面提到的改进。

将以下代码复制并粘贴到custom_functions.php文件中。

            这一页让你难以捉摸,或者已经不在这里了。
            
        
            
404误差

“”;$caseMessage=“已经向管理员发送了有关此问题的电子邮件,亚博体育下载也是。”}echo“.$website.$服务器[请求\u uri']?>它不存在。 您可以单击“上一步”再试一次或从下面的选项中进行选择。如果您有兴趣了解如何制作404页,请访问www.gyu-kura.com论文404页教程.

快速链接

搜索

404误差

你找到了404页。幸运的是你是管理员。你应该尽快修复这个页面。您可以尝试使用超方便的重定向插件将此页重定向到相关页。如果您已经安装了这个插件,请单击此处重定向404页。

步骤3–阻止您的IP发送电子邮件

一旦你有了这段代码,找到你的IP数组并在那里添加你的IP地址。为了方便起见,您可以在侧边栏中找到您的IP地址。在这里查找/*添加您的IP地址*/。

一旦你更新了你的IP地址,上传到你的论文自定义文件夹。

步骤4–CSS

既然我们有了代码功能设置并在我们的站点上运行,让我们添加CSS。

复制下面的CSS并将其粘贴到论文自定义文件夹中的custom.css中。

.custom div errorpage h2 margin-top:0px;.custom div errorpa页;border:1px虚线35; bbbbbbbbbb;padd:10px;float:left;.custom div errorpage img;float:left;宽度:100px;padd:10px;;.custo自定义div \35; errorpap;padd:15px 0px;margi:0px;;.custo自定义div  \35;错误页页页\35; 35内部错误左边距:130px;

一旦你更新了custom.css,把它上传回你的服务。

第5步-修复断开的连杆

现在这个404页面的最终目标是让用户满意,同时也可以帮助你找到与你的网站断开的链接。这些断开的链接本质上是自由链接,因此您应该利用它们。有多种方法可以优雅地重定向这些链接,但我们最喜欢的解决方案是WordPress的重定向插件。亚博yabo88app 下载

在404页面上使用重定向插件。

重定向

重定向插件允许您轻松301重定向您的断开链接到正确的位置。下面是如何有效使用它的快速指南。

  • 只需通过您的管理区域安装插件。
  • 安装后,转到WordPress管理面板的“工具”部分,亚博yabo88app 下载在这里,您将找到一个指向“重定向”的链接。单击该链接。
  • 在这个页面上,在“源URL”框中添加404页面,在“目标URL”框中添加新目标,然后点击添加重定向。

那很快很容易,不是吗?现在,每当有人点击一个断开的链接到你的网站,你将得到通知,并有一个方法来纠正它!

尼克瑞茜是一个多情的企业家,他相信任何人都能改变他们的事业和生活,他们有勇气和勇气。他也是现在宽带旨在简化宽带购物流程。