小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何在WordPress中创建自定义档案页面

python,java,html,css,wordpress 额外说明

收录于:23天前

Custom archives page is a great way to bring together all your old content in one page. It allows you to have a dedicated page where you can list your monthly archives, category archives, tag archives, author archives, and anything else that you might want to add. We have a WPBeginner 的自定义档案页面. Recently one of our users suggested that we write a tutorial on that. In this article, we will show you how to create a custom archives page in WordPress.

自定义档案页面是一种将所有旧内容整合到一个页面中的好方法。 它允许您有一个专用页面,您可以在其中列出您的每月档案,类别档案,标签档案,作者档案以及其他可能要添加的内容。 我们适用于 WP 初学者提供了一个自定义个人资料页面 。 最近,我们的一位用户建议我们为此编写一个教程。 在本文中,我们将向您展示如何在WordPress中创建自定义档案页面。

问题 The Problem

默认情况下,您可以使用侧边栏小部件显示您的年度档案。一旦你写博客超过一年,这可能会失控。想象一下像 WPBeginner 这样的网站已经活跃了近 4 年。我们将在侧边栏中提供 48 个每月存档链接。您还可以在侧边栏上添加类别档案、作者列表等。但是,当您可以创建一个页面来列出所有链接时,为什么要在侧边栏上塞满如此多的链接呢?这就是自定义档案页面发挥作用的时候。它不仅可以让您避免混乱,还可以为您的用户提供一种有效的方式来浏览旧内容。

默认情况下,您可以使用侧边栏小部件显示年度存档。一旦你写博客超过一年,这可能就会失控。想象一下像 WPBeginner 这样的网站已经活跃了近 4 年。侧边栏中将有 48 个每月存档链接。您还可以在侧边栏添加类别档案、作者列表等。但是,当您可以创建一个列出所有链接的页面时,为什么要在侧边栏上放置这么多链接呢?这是自定义存档页面开始播放的时间。它不仅避免了混乱,而且还为用户提供了一种浏览旧内容的有效方式。

遗憾的是,大多数 WordPress 主题都没有附带自定义档案页面模板。让我们看看在 WordPress 中创建自定义存档页面模板需要什么。

遗憾的是,大多数 WordPress 主题都没有附带自定义存档页面模板。让我们看看在 WordPress 中创建自定义个人资料页面模板需要什么。

笔记: Please do not confuse the custom archives with archive.php template that comes with most WordPress themes. The archive.php template is used to display monthly, category, tag, author, and other archive pages. Our custom archives page would be a single page that will bring all of your other archives together.

注意:请勿将自定义档案与大多数WordPress主题随附的archive.php模板混淆。 archive.php模板用于显示每月,类别,标签,作者和其他存档页面。 我们的自定义档案页面将是一个页面,它将所有其他档案汇集在一起​​。

创建自定义档案页面模板 Creating a Custom Archives Page Template

First thing you need to do is to create a 页面模板 for the custom archives page. Simply open a new file in your text editor (i.e Notepad) and name it 页面存档.php. Next, Add the following lines of code at the top:

您需要做的第一件事是为自定义档案页面创建页面模板 。 只需在文本编辑器(即记事本)中打开一个新文件,并将其命名为page-archive.php 可以 。 接下来,在顶部添加以下代码行:


<?php
/* 
Template Name: Archives
*/
?>

Upload the page-archive.php in your WordPress themes folder, and you have created an Archives page template. Now we need to make sure that this page template matches the design of your site. Copy the content of your page.php file located in your theme’s folder and paste it in page-archive.php.

在您的WordPress主题文件夹中上传page-archive.php ,您已经创建了一个Archives页面模板。 现在,我们需要确保此页面模板与您的网站设计匹配。 复制位于主题文件夹中的page.php文件的内容,并将其粘贴到page-archive.php

Below is an example of how your page-archive.php file would look like:

以下是您的page-archive.php文件外观的示例:


<?php
/* 
Template Name: Archives
*/
get_header(); ?>

<div id="primary" class="site-content">
<div id="content" role="main">

<?php while ( have_posts() ) : the_post(); ?>
				
<h1 class="entry-title"><?php the_title(); ?></h1>

<div class="entry-content">

<?php the_content(); ?>

/* Custom Archives Functions Go Below this line */



/* Custom Archives Functions Go Above this line */

</div><!-- .entry-content -->

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->
</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

在WordPress中创建自定义档案页面 Creating a Custom Archives Page in WordPress

Now that you have the basic page template ready, you need to create a new custom archives page in WordPress. Go to your WordPress admin panel and add a new page (页面 » 新). You can call this page Archives, Library, or anything else that you like. Now look at the meta boxes below the publish button on the right hand side of your screen. You should see a meta box called Page Attributes. Click on the drop down menu below Template and choose Archive as your page template. Save and Publish the page.

现在您已经准备好基本页面模板,您需要在WordPress中创建一个新的自定义存档页面。 转到WordPress管理面板并添加一个新页面( 页面»新 )。 您可以将此页面称为“存档”,“库”或其他任何您喜欢的东西。 现在,查看屏幕右侧“发布”按钮下方的元框。 您应该看到一个名为“页面属性”的元框。 单击“模板”下面的下拉菜单,然后选择“存档”作为页面模板。 保存并发布页面。

Select Archives Page Template in WordPress

现在您已经创建了一个使用档案页面模板的页面,但它不会显示任何内容。让我们继续添加自定义存档页面元素,例如年度存档、类别等。

现在,您已经创建了一个使用存档页面模板的页面,但该页面不会显示任何内容。让我们继续添加自定义存档页面元素,例如年度存档、类别等。

使用压缩档案添加每月档案 Adding Monthly Archives with Compact Archives

If you look at 我们的自定义档案页面, then you will notice that we are not using the default monthly archives listing that comes with WordPress. Instead, we are using a plugin called 紧凑档案. Note we have adopted this plugin and are now maintaining it.

如果您查看我们的自定义个人资料页面 ,那么您会注意到我们没有使用WordPress随附的默认每月档案列表。 相反,我们使用的是名为紧凑档案的插件。 请注意,我们已经采用了此插件,并且正在对其进行维护。

安装并激活此插件 Compact Archives 插件。激活插件后,在自定义档案页面模板 (page-archive.php) 中添加以下代码:

安装并激活 Compact Archives 插件。激活插件后,将以下代码添加到自定义存档页面模板(page-archive.php)中:


<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style='block'); ?>
</ul>

它将显示您的每月档案,如下所示:

它将显示您的每月档案,如下所示:

Displaying monthly archives one year per row using Compact Archives
添加所有类别的列表 Adding a List of all Categories

Categories summarize the main topics of your website and are the best way to sort your content. See why how we use 类别与标签. Since we are using categories as the main way to organize our content, we think it is absolutely crucial to list our category archives. To save space, we are going to display it an inline list.

类别概述了网站的主要主题,并且是对内容进行排序的最佳方法。 了解为什么我们使用类别与标签 。 由于我们使用类别作为组织内容的主要方式,因此我们认为列出类别档案绝对至关重要。 为了节省空间,我们将向其显示一个内联列表。

首先将此代码添加到您的档案页面模板文件中:

首先将此代码添加到您的存档页面模板文件中:


<p><strong>Categories:</strong></p>
<ul class="bycategories">
<?php wp_list_categories('title_li='); ?>
</ul>
<div class="clear"></div>

Now we need to style this list, make it appear inline and improve their look. Add this to your theme’s style.css file:

现在,我们需要对该列表进行样式设置,使其内联并改善其外观。 将此添加到主题的style.css文件中:


ul.bycategories {
margin: 0;
padding: 0;
}
ul.bycategories li {
list-style: none; 
list-style-type: none;
margin: 0; 
padding: 0;
}
ul.bycategories li a {
list-style: none; 
list-style-type: none;
margin: 0 20px 15px 0; 
float: left; 
background: #eee; 
color: #464646; 
padding: 5px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
ul.bycategories li a:hover{
text-decoration: none; 
background: #ff6200; 
color: #fff;
}
.clear{clear: both;}

您的类别将如下所示:

您的类别将如下所示:

Displaying in line categories on archives page in WordPress
探索? 将用户重定向到随机帖子 Explore? Redirect Users to a Random Post

In our archives page, we have an Explore WPBeginner button. This button redirects users to a random post. The purpose is to allow users to randomly stumble through articles. Learn how to 将用户重定向到随机帖子 in WordPress.

在存档页面中,我们有一个Explore WPBeginner按钮。 此按钮将用户重定向到随机帖子。 目的是允许用户随机浏览文章。 了解如何将用户重定向到 WordPress中随机发帖

虽然这是我们自定义存档页面上的所有信息,但您当然可以添加更多信息。让我们看看您可以添加的其他一些内容。

虽然这是我们自定义个人资料页面上的所有信息,但您绝对可以添加更多信息。让我们看看您可以添加的其他一些内容。

添加标签云 Adding a Tag Cloud

如果您想显示网站上最常用标签的标签云,只需在 custom-archive.php 文件中添加以下代码:

如果您想显示网站上最常用标签的标签云,只需将以下代码添加到您的 custom-archive.php 文件中:


<p><strong>Tags Cloud:</strong></p>
<?php wp_tag_cloud(); ?>

The wp_tag_cloud() function comes with a lot of parameters to adjust the number of tags, maximum and minimum tag sizes, etc.

wp_tag_cloud()函数带有许多参数来调整标签数量,最大和最小标签大小等。

添加页面列表 Adding a List of Pages

如果您想显示网站上所有页面的列表,只需添加以下代码:

如果您想显示站点上所有页面的列表,只需添加以下代码:

<?php wp_list_pages( 'title_li=' ); ?>
添加作者列表 Adding a List of Authors

要在网站上显示作者列表,只需添加以下代码:

要在您的网站上显示作者列表,只需添加以下代码:

<?php wp_list_authors( 'exclude_admin=0&optioncount=1' ); ?>
添加最近的帖子 Adding Recent Posts

如果您想显示最近帖子的列表,请添加以下代码:

如果要显示最新帖子列表,请添加以下代码:


<?php wp_get_archives('type=postbypost&limit=10'); ?>

全面的档案页面允许您的用户有效地浏览您的旧内容。我们希望本文能帮助您在 WordPress 中创建自定义存档页面。如果您有任何问题或建议,请在下面发表评论告诉我们。

全面的存档页面使您的用户可以有效地浏览您的旧内容。我们希望本文能帮助您在 WordPress 中创建自定义存档页面。如果您有任何问题或建议,请在下面发表评论告诉我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-create-an-archives-page-in-wordpress/

. . .

相关推荐

额外说明

《PostgreSQL开发指南》第10章查询条件

《PostgreSQL 开发指南》专栏目录 第 01 篇 课程介绍 第 02 篇 PostgreSQL 简介 第 03 篇 PostgreSQL 安装 第 04 篇 角色与用户 第 05 篇 数据库与模式 第 06 篇 管理数据表 第 07 篇 管理表空

额外说明

JAVA学习手记-AJAX&Json

AJAX&json QQ 1285575001 Wechat M010527 技术交流 QQ群599020441 纪年科技aming AJAX 增强用户体验 Json 一种数据格式 应用范围广泛

额外说明

Python库总结

Python库 文档处理 excel: 依赖Office对象-com32,dispatch 不依赖:xlrd,xlwt pdf ppt word txt csv 数据处理 pandas np 作图 核

额外说明

【小Y学算法】⚡️每日LeetCode打卡⚡️——16.搜索插入位置

本文章是⭐️小Y学算法⭐️的内容,该专栏还有多篇优质内容在等待你观看,现在点击右上角点击这个————-订阅专栏- 就可以免费观看多篇相关内容的文章啦! -前言 -原题样例 -C#方法一:普通法 -C#方法二:二分法 -Java 方法一:二分法 -总结 -

额外说明

sql:定时修改数据——事件

打开定时事件调度器,就会出现event_scheduler的守护进程 set global event_scheduler=1; 创建event Create event *** On schedule Every 5 minute Starts now

额外说明

OpenCV实战(32)——使用SVM和定向梯度直方图执行目标检测

OpenCV实战(32)——使用SVM和定向梯度直方图执行目标检测 0. 前言 1. HOG 图像特征 2. 交通标志分类 2.1 SVM 模型 2.2 SVM 原理 3. HOG 可视化 4. 人物检测 5. 完整代码 小结 系列链接 0. 前言 本节

额外说明

SpringCloud H版 Config 配制中心讲解

一、SpringCloud Config 上篇文章中我们介绍了Spring cloud GateWay网关的使用,包括路由转发、服务降级、限流等,所有的配制都配制在了项目中的 application.yml 文件中,如果其中修改配制文件就要进行重启,如果

额外说明

【Python 随练】逆序打印数字

导言: 在日常的编程中,我们经常需要处理各种数字和字符串。今天,我们来解决一个关于正整数的问题:给定一个不多于 5 位的正整数,我们需要判断它是几位数,并将其逆序打印出来。这个问题看似简单,但通过解决它,我们可以学习到如何利用字符串操作或数学运算来处理数

额外说明

解决java.lang.IllegalArgumentException: Could not resolve placeholder ‘xxx‘ in value “${xxx}“问题

文章目录 1. 复现问题 2. 分析问题 2.1 检查yml配置 2.2 检查依赖 2.3 检查启动 3. 解决问题 4. 问题总结 如下是我解决这种问题的思路。 1. 复现问题 今天使用@SpringBootTest测试发送邮件,如下代码所示: @Sp

ads via 小工具