您的位置 首页 php

真香,30天做一套wordpress主题(第10天):404页面

我们将尽量保持文章的循序渐进和通俗易懂,请确保自己已经掌握了那一篇文章的全部内容时才选择跳过,不然可能会错过关键的信息噢~

这里我们假定你已经知晓了以下 基础知识 ,这些基础知识对理解文章内容是至关重要的:

1. HTML/CSS/JS基础

2. PHP基础

3. 如何使用Wordpress

4. 如何搭建web环境

如果你已经知晓了以上基础知识,恭喜你,本系列的任何文章内容对你而言都没有什么难度。

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 …', '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》这些书的错),所以本系列真的不是标题党啊。

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

文章来源:智云一二三科技

文章标题:真香,30天做一套wordpress主题(第10天):404页面

文章地址:https://www.zhihuclub.com/152578.shtml

关于作者: 智云科技

热门文章

网站地图