(cache) 【コピペOK】【Simplicity版】「404」ページをカスタムしよう！SEO・アドセンス停止対策にも

先日、メインブログの「コビトブログ」で、コチラ（↓）の記事を書きました。

とても好評だったようで、お礼のメッセージも頂き、すごく嬉しかったです(*’▽’)♪

そんな中で、「Simplicity」用の「カスタム404ページ」も作ってほしい！というお声も頂いたので、早速取り掛かってみました。

もちろん、こちらも「コピペ」で使用できます！

　■目次　（クリックで移動）

ページが見つかりません・・・404ページとは？

ページが見つかりません・・・404ページとは？

「404」ページとは、アクセスしたページが見つからない場合に、表示されるエラーページのことです。どういった場合に表示されるかや、なぜSEO・アドセンス対策になるか等、詳しくは、前述のこの記事（↓）に書いてありますので、ぜひ一読を。

404ページをカスタマイズすると、こんなに違う！

コチラ（↑）が、「Simplicity」標準の「404ページ」です。画像を表示してくれるのは嬉しいですが、すこし素っ気ないですよね。

コチラ（↓）のような表示だと、いかがでしょう？これは、当ブログの「404」ページです。

実際のページはコチラ

まったく印象が違うと思います。これなら、探していたページが見つからなかったとしても、他の記事やブログに、興味をもってもらえるかもしれませんね。

それでは、早速「Simplicity」用の「カスタム404ページ」の作り方を、ご紹介します。

カスタム404ページの作り方

１．「404.php」ファイルを、「子テーマ」側に複製する

Simplicityをご利用の場合、「public_html」→「wp-content」→「themes」→「simplicity2」内に、「404.php」ファイルがあります。

親テーマを編集してしまうと、設定が消えてしまうおそれがある等、デメリットが大きいです。そのため「子テーマ」側の「simplicity2-child」フォルダ内に複製し、編集します。

詳しいやり方は、コチラ（↓）の記事を参照ください。

２．「404.php」ファイルを、カスタマイズする

WordPressのダッシュボードで、「外観」→「テーマの編集」から子テーマ「simplicity2-child」を選択し、先ほど複製した「404.php」ファイルをクリックして、編集します。しかし、phpやcssに自信の無い方は、なかなか難しいと思います。

そこで、当ブログで使っているページの、テンプレートをご用意しました！

<?php get_header(); ?>
<div class="post">
<!--ループ開始-->
<h2 class="entry-title">大変申し訳ございません！！「（あなたのブログの名前）」内に、お探しのページが見つかりませんでした。</h2>
<p><img src="（表示したい画像のアドレス）" /></p><p>入力したURLが誤っているか、すでに削除されたページの可能性があります。URLをご確認の上、再読み込みすると、表示される場合もございます。</p><p>それでも表示されない場合は、お手数ですが、以下の方法をお試しください。</p>
<article class="article">
<h2>１．「キーワード」で検索</h2>
<p>お探しの「キーワード」を入力し、検索ください。関連コンテンツが表示されます。</p>
<?php get_search_form(); ?>
<h2>２．「カテゴリー」から探す</h2>
<p>以下のカテゴリーより、お探しの記事や関連コンテンツを、探してみてください。</p>
<ul>
<?php $args = array(
'title_li' => '',
); ?>
<?php wp_list_categories($args); ?>
</ul>
<h2>３．「人気記事」から探す</h2><?php wpp_get_mostpopular('limit=10&range="all"&post_type="post"&thumbnail_width=50&thumbnail_height=50&stats_views=0'); ?>
<h2>４．見つからなかったことを報告する</h2>
<p>お探しのページが見つからなかった場合、どのような記事をお探しだったか、ご連絡頂けますと嬉しいです。</p>
<p><?php echo do_shortcode( '[contact-form-7 id="（問合せフォームのID）" title="お問合せフォーム"]' ); ?></p>
<p>この度は、お手数をおかけして申し訳ありませんでした。訪れてくださった方をがっかりさせないように、これからも頑張っていきたいと思います。</p>
</article>
<?php //404ページウィジェット
if ( is_active_sidebar( '404-page' ) ): ?>
<?php dynamic_sidebar( '404-page' ); ?>
<?php endif; ?>
</div>
<!-- END div.post -->
<?php get_footer(); ?>

<?php get_header(); ?>

<h2 class="entry-title">大変申し訳ございません！！「（あなたのブログの名前）」内に、お探しのページが見つかりませんでした。</h2>

<p><img src="（表示したい画像のアドレス）" /></p><p>入力したURLが誤っているか、すでに削除されたページの可能性があります。URLをご確認の上、再読み込みすると、表示される場合もございます。</p><p>それでも表示されない場合は、お手数ですが、以下の方法をお試しください。</p>

<h2>１．「キーワード」で検索</h2>

<p>お探しの「キーワード」を入力し、検索ください。関連コンテンツが表示されます。</p>

<?php get_search_form(); ?>

<h2>２．「カテゴリー」から探す</h2>

<p>以下のカテゴリーより、お探しの記事や関連コンテンツを、探してみてください。</p>

<ul>

<?php $args = array(

'title_li' => '',

); ?>

<?php wp_list_categories($args); ?>

</ul>