我们将尽量保持文章的循序渐进和通俗易懂,请确保自己已经掌握了那一篇文章的全部内容时才选择跳过,不然可能会错过关键的信息噢~
这里我们假定你已经知晓了以下 基础知识 ,这些基础知识对理解文章内容是至关重要的:
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》这些书的错),所以本系列真的不是标题党啊。
如果你喜欢这个系列的文章,赶快关注我们( 数字江湖异志录 )吧,不要错过后续的更多干货噢。