404页面

今天我们先来做404页面，像昨天做搜索页那样，我们直接从home.php复制代码到404.php里。

利用原来的顶部标语位置放置我们的404文本：

                <div class="tagline">

                    <div class="tagline-main"><?php _e( 'Page Not Found'); ?></div>

                    <div class="tagline-sub"><?php _e( 'It looks like nothing was found at this location. Maybe try a search?'); ?></div>

                </div>

搜索框就直接从昨天的搜索页面里复制：

                <div class="search-box">

                    <form target="_top" role="search" method="get" class="search-form" action="<?php echo follow_scheme_replace(get_site_url()) ?>">

                        <input type="text" required class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder' )?>" value="<?php echo get_search_query()?>" name="s" />

                        <button type="submit" class="search-submit"></button>

                    </form>

                </div>

就实现了这样的效果：

前后5分钟不到打完收工。

分类/存档页面

鉴于今天的内容实在是太少了，顺便把分类页面也做了吧，新建archive.php文件，同样把首页的内容复制进来。

神奇的事情发生了，分类/存档直接就能用了，现在我们到页面顶部改改把分类名称显示出来：

                <div class="tagline">

                    <?php

                        the_archive_title( '<div class="tagline-main">', '</div>' );

                    ?>

                </div>

几行代码搞定，打完收工：

总结和预告

今天我们实现了404页面(404.php)和分类/存档页面(archive.php)，有以前的代码做支撑，非常简单就实现了，这也是wordpress比较成熟的地方。

明天我们将制作最后一个页面，内容详情页(singular.php)，如果不出意外的话，下一篇就是本系列最后一篇了（说好的30天呢？），因为前期估计不充分，实际只用了11天就完成了整个模板（都是《30天入门XXX》这些书的错），所以本系列真的不是标题党啊。

如果你喜欢这个系列的文章，赶快关注我们（数字江湖异志录）吧，不要错过后续的更多干货噢。