【WordPress】プラグイン無しで独自の404ページを作成する方法｜子テーマで安全にカスタマイズ

<?php get_header(); ?>

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

        <section class="error-404 not-found">
            <header class="page-header">
                <h1 class="page-title"><?php _e( 'ページが見つかりません', 'cocoon-child-master' ); ?></h1>
            </header>

            <div class="page-content">
                <p><?php _e( 'お探しのページは削除されたか、移動した可能性があります。', 'cocoon-child-master' ); ?></p>
                <p><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php _e( 'ホームページに戻る', 'cocoon-child-master' ); ?></a></p>
            </div>
        </section>

    </main>
</div>

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

.error-404 {
    text-align: center;
    padding: 50px;
}

.error-404 .page-title {
    font-size: 2em;
    color: #ff0000;
}

.error-404 .page-content {
    font-size: 1.2em;
    color: #333;
}