Free the Internet
Across the Great Wall we can reach every corner in the world

欢迎来到《真香,30天做一套wordpress主题》系列文章,我们的目标是花上30天的时间闭关修炼,建立一套全新的wordpress主题,如果你看到的第一篇文章不是《基础框架搭建》,建议你关注我们(数字江湖异志录),从该系列的第一篇开始阅读。

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

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

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

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

发表评论