如何添加知更鸟主题404页面图片

  • 如何添加知更鸟主题404页面图片已关闭评论
  • A+

相信有不少朋友在用知更鸟主题了,该主题的404设计的确实很不错,当用户搜索页面出错后,可以在同一个页面上返回到首页,但是美中不足的是,该页面没有404图片。下面我介绍一下如何添加这个404页面图片,有需求的朋友可以参考一下。添加后效果如下图:

如何添加知更鸟主题404页面图片

添加方法很简单,如下图,步骤如下:

1,首先登陆wordpress后台——点击外观——点击编辑——点击404模板

如何添加知更鸟主题404页面图片

如何添加知更鸟主题404页面图片

2,准备好一张404的图片(图片自定义,喜欢什么自行选择)——然后上传到媒体库——下一步清空原来的文件框——复制以下代码——在文件框粘贴覆盖即可实现——下一步把有颜色的图片地址换成你自己的——最后更新文件就可以了。

<?php get_header(); ?>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">

<section class="error-404 not-found page">
<header class="entry-header">
<h1 class="page-title"><?php echo stripslashes( zm_get_option('404_t') ); ?></h1>
</header><!-- .page-header -->

<div class="single-content">
<p style="text-align: center;"><?php echo stripslashes( zm_get_option('404_c') ); ?></p>

<?php get_search_form(); ?>
<br /><br />
<a href="链接地址"><img src="http://www.zhonghuaseo.com/wp-content/uploads/2018/01/1-1.gif" /></a>
<br /><br /><br /><br /><br />
</div><!-- .page-content -->
</section><!-- .error-404 -->

</main><!-- .site-main -->
</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

如何添加知更鸟主题404页面图片