LION MEDIAの「404 Not Foundページ」をカスタマイズする

LION MEDIAの「404 Not Found」ページの初期デザインでは少しさみしいのでカスタマイズしてみました。

LION MEDIAとは

無料で高機能、デザイン性にも優れたテーマで、設定項目からのカスタマイズだけで素敵なサイトが完成します。AMPにも対応。

「LION MEDIA」

初期デザインは以下のような感じ。

「Hello! My Name Is 404」というページタイトル、初めて見ました。。

「お探しのページはありませんでした。」もちょっと口語調で変じゃ？

カスタマイズ

タイトルを変えて、画像を入れるように変更しました。

親テーマにある「404.php」をコピーし、子テーマディレクトリへアップロードします。

FTPについては以下をご覧ください。

PHPファイルを編集する

コピーした子テーマのファイルを編集します。

以下は例ですので、お好みの文章や画像で編集して下さい。

<header class="archiveTitle">
<h1 class="heading heading-first">お探しのページは見つかりませんませんでした。</h1>
</header>

<div class="archive">
<div class="archiveList">
<img src="画像URL">
</div>
</div>

後記

固定ページの記事下にウィジェットエリアがあれば、そこに検索フォームを表示させればいいんですが、LION MEDIAには投稿ページにしか「記事下ウィジェットエリア」がありませんので、検索フォームを追加したければ、更にカスタマイズが必要です。

「Hello! My Name Is 404」というページタイトルも変更したいと思っているのですが、まだ手付かず。

そのうちに実現すればまた追記します。

LION MEDIA については以下も参考にして下さい。