您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

WordPress中建立文章存档页面的方法

亦瑶2023-06-15WordPress教程已有人查阅

导读什么是文章存档页面?WordPress中怎么轻松建立文章存档页面?下面本篇文章给大家介绍一下WordPress中建立存档页面的3种方法,希望对大家有所帮助!

什么是文章存档页面?WordPress中怎么轻松建立文章存档页面?下面本篇文章给大家介绍一下WordPress中建立存档页面的3种方法,希望对大家有所帮助!
可能你会问,什么是文章存档页面,有什么用?开始之前,我们先来感性认识一下什么是存档页面,请点击查看本站的 Sitemap。你可以看到这个存档页面列出我博客上所有文章和所有的页面,一个方面如果读者想一下子看到本站的文章,那么到此页面来看就轻松多了;另外据说对SEO有帮助,目前我还没有证实。较后,你可能已经意识到,原来网站根目录下不是有个sitemap.xml了吗?为什么还要创建这样的存档页面呢?其实sitemap.xml是给搜索引擎蜘蛛看,而这个存档页面是弄给人看的。下面我来讲讲如何创建这页面,感兴趣的可以看看。
方法一:SQL读取数据库
方法一展示的存档页面效果就是本站的Sitemap效果,其实就是创建一个自定义的页面模板,操作起来也很简单,不需要你懂太多的编程技术,唯一要配置的就是修改sitemap.xml的链接。方法一的优点是,我使用的是SQL直接从数据库中读取数据,而且只进行两次数据库连接,避免了使用WordPress内置函数,速度相对来说会快那么一点点;缺点是,你要**的代码相对来说长点。下面看看具体步骤:
1、在当前主题目录下新建一个php文件,命名为sitemap.php,然后将page.php中的所有代码复制到sitemap.php中
2、删除sitemap.php开头的所有注释,即 /* 与 */ ,以及它们之间的所有内容
3、将第一个 <?php 改成
<?php/*
* Template Name: sitemap
* @author: Ludou
* @Blog : https://**.ludou.org/
*/
4、将 <?php the_content(); ?> 改成:
<div class="myArchive">
<ul>
<?php
/**
* WordPress分类存档页面
* 作者:露兜
* 博客:https://**.ludou.org/
* 较后修改:2012年8月27日
*/
$categoryPosts = $wpdb->get_results("
SELECT post_title, ID, post_name, slug, {$wpdb->prefix}terms.term_id AS catID, {$wpdb->prefix}terms.name AS categoryname
FROM {$wpdb->prefix}posts, {$wpdb->prefix}term_relationships, {$wpdb->prefix}term_taxonomy, {$wpdb->prefix}terms
WHERE {$wpdb->prefix}posts.ID = {$wpdb->prefix}term_relationships.object_id
AND {$wpdb->prefix}terms.term_id = {$wpdb->prefix}term_taxonomy.term_id
AND {$wpdb->prefix}term_taxonomy.term_taxonomy_id = {$wpdb->prefix}term_relationships.term_taxonomy_id
AND {$wpdb->prefix}term_taxonomy.taxonomy = 'category'
AND {$wpdb->prefix}posts.post_status = 'publish'
AND {$wpdb->prefix}posts.post_type = 'post'
ORDER BY {$wpdb->prefix}terms.term_id, {$wpdb->prefix}posts.post_date DESC");

$postID = 0;
if ( $categoryPosts ) :
$category = $categoryPosts[0]->catID;
foreach ($categoryPosts as $key => $mypost) :
if($postID == 0) {
echo '<li><strong>分类:</strong> <a title="'.$mypost->categoryname.'" href="'.get_category_link($mypost->catID).'">'.$mypost->categoryname."</a>n";
echo '<ul>';
}

if($category == $mypost->catID) {
?>
<li><a title="<?php echo $mypost->post_title; ?>" href="<?php echo get_permalink( $mypost->ID ); ?>"><?php echo $mypost->post_title; ?></a></li>
<?php
$category = $mypost->catID;
$postID++;
}
else {
echo "</ul>n</li>";
echo '<li><strong>分类:</strong> <a title="'.$mypost->categoryname.'" href="'.get_category_link($mypost->catID).'">'.$mypost->categoryname."</a>n";
echo '<ul>';
?>
<li><a title="<?php echo $mypost->post_title; ?>" href="<?php echo get_permalink( $mypost->ID ); ?>"><?php echo $mypost->post_title; ?></a></li>
<?php
$category = $mypost->catID;
$postID = 1;
}
endforeach;
endif;
echo "</ul>n</li>";
?>

<li><strong>页面</strong>
<ul>
<?php
// 读取所有页面
$mypages = $wpdb->get_results("
SELECT post_title, post_name, ID
FROM {$wpdb->prefix}posts
WHERE post_status = 'publish'
AND post_type = 'page'");

if ( $mypages ) :
foreach ($mypages as $mypage) :
?>
<li><a title="<?php echo $mypage->post_title; ?>" href="<?php echo get_permalink( $mypage->ID ); ?>"><?php echo $mypage->post_title; ?></a></li>
<?php endforeach; echo "</ul>n</li>"; endif; ?>
</ul>
<p><a href="https://**.ludou.org/sitemap.xml">查看 sitemap.xml</a></p>
</div>
较后将较后第二行的 https://**.ludou.org/sitemap.xml 改成你自己的 sitemap.xml 链接就可以了,修改完之后记得用UTF-8编码保存,否则中文可能会乱码。上面的代码直接用到你的WordPress站点中理论上讲是没多大问题,但是可能在美观程度上会有一定的问题,你可以根据个人能力用CSS稍微修饰一下就可以了,另外我这里提供了一个CSS的范例,你可以参考,复制到主题目录下的style.css中,可能会达到本站sitemap的样式效果:
.myArchive {
line-height:18px;
margin:1.5em 0;
color:#555555;
font-size:14px;
}
.myArchive h2 {
font-size:16px;
margin:0 0 10px;
font-weight:bold;
}
.myArchive ul {
line-height:21px;
padding:0 0 0 2em;
}
.myArchive ul li {
background:none;
list-style-type:disc;
margin:0;
padding-left:10px;
}
.myArchive a {
color:#2970A6;
outline:medium none;
text-decoration:none;
}
.myArchive a:hover {
text-decoration:underline;
}
.myArchive ul li ul {
margin:10px 0;
}
.myArchive ul li ul li {
list-style-type:circle;
}
5、进入WordPress管理后台 - 页面 - 创建页面,标题为文章存档(可以自己起名),内容不要填,右侧可以选择模板,选择 sitemap 即可
6、文章存档页就创建成功了。
方法二:使用wp_get_archives函数
方法二的操作也很简单,代码量更少,不过这里只是纯粹地列出所有的文章,并不会像方法一那样按分类来列出文章,略显单调,不过如果嫌方法一麻烦的话可以试试。下面是具体操作方法:
1~3步跟方法一是一样的,第4步:
将 the_content(); 改成以下代码就可以了:
echo '<ul>';
wp_get_archives('type=postbypost&show_post_count=1');
echo '</ul>';
5~6步也跟方法一一样.
方法三:使用插件
关于WordPress存档页面的插件由很多,感兴趣的话,请自行搜索,这里就不仔细介绍。

本文标签:

很赞哦! ()

相关源码

  • (自适应)高端集团跨国公司产业联盟机构网站模板免费下载基于PbootCMS内核开发的集团级企业网站模板,采用响应式设计架构,确保在各类移动设备上获得浏览体验。通过模块化布局与简约大气的视觉风格,帮助集团企业高效展示组织架构、发展历程和业务矩阵,建立专业的企业形象窗口。查看源码
  • (自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计,呈现设计作品的视觉细节,支持作品分类、案例解析等多维度展示方式。查看源码
  • (PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
  • (PC+WAP)餐饮奶茶美食小吃招商加盟pbootcms模板源码下载为茶饮烘焙、小吃快餐等餐饮品牌打造的招商加盟系统,助力品牌快速拓展市场;双端pc+wap设计呈现加盟政策对比表。支持后台实时更新菜品图片、加盟费用等关键信息。查看源码
  • (PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板,集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核,PHP7+运行环境。手工编写语义化HTML5结构,CSS3动画优化交互体验。查看源码
  • (自适应)宽屏大气的净水器智能电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为净水器设备、智能电子设备企业量身打造,采用响应式设计技术,可快速构建专业级企业官网。通过本模板可高效展示产品技术参数、解决方案及企业服务优势。查看源码
分享笔记 (共有 篇笔记)
验证码: