WordPress主题制作进阶#6自定义存档页面

现在,如果我们点击其中一个类别,它将跳转到一个类别存档。我们来创建自定义的存档页面。

定制存档页

如果我们点击admin,用户名,会跳转到作者档案。 我们也可以按日期存档,我们可以通过标签来存档,等等。我们进入主题文件夹,创建一个新文件并将其保存为archive.php。
现在,如果我们返回并单击某个类别,您可以看到它是空白的,因为它正在查看archive.php页面。 复制index.php页面中的内容并将其粘贴到archive.php中。
我希望这些页面内容更加简单。 我们不需要元数据,不需要图像;只要标题,日期就好。 我们去找

标签,用以下代码替换整个部分。

Posted On:

现在回到浏览器刷新一下,就是下面这样子了

WordPress主题制作进阶#6自定义存档页面_第1张图片
archive

我们打开样式表,为其添加一些样式

.archive-post {
    border-bottom: #ccc 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.archive-post h4,
.archive-post p {
    margin: 0;
    padding: 0;
}

现在我们希望根据文档类型来设置不同的标题。 那么让我们回到archive.php并在main block div下面添加以下代码:

现在我们返回前端刷新,我们点击分类,会跳转到下图

WordPress主题制作进阶#6自定义存档页面_第2张图片
IT分类

回到首页再点击admin,会跳转到下图

WordPress主题制作进阶#6自定义存档页面_第3张图片
按作者分类

定制搜索页

弄懂了存档页archive.php的原理,接下来我们如法炮制来自定义一个搜索页。
我们将创建一个新文件并将其命名为search.php,把archive.php 中的代码复制粘贴到search.php中,然后删除和修改一些不需要的代码:



    

搜索结果

Posted On:

为了确保搜索确实有效,让我们在“从0到1”这篇博客中中加入Hello这个词,然后更新:

WordPress主题制作进阶#6自定义存档页面_第4张图片
hello

现在,我们回到前端并搜索Hello,那么“从0到1”这篇博客就出现了:

WordPress主题制作进阶#6自定义存档页面_第5张图片
搜索结果

出现了。

你可能感兴趣的:(WordPress主题制作进阶#6自定义存档页面)