代码实现WordPress网站HTML地图_CMS教程

概述常见的网站地图有两种，一种是XML格式的地图，另一种是HTML格式地图（百度网站地图不是百度地图！请各位小白搜索的时候关键词别用错，别跑来问我百度地图怎

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。

常见的网站地图有两种，一种是 XML 格式的地图，另一种是 HTML 格式地图（百度网站地图不是百度地图！请各位小白搜索的时候关键词别用错，别跑来问我百度地图怎么弄，我懂不起。）。XML 格式的网站地图是给搜索引擎蜘蛛看的，而 HTML 网站地图是给用户看的,可以展现自己博客的所有文章和所有页面，能够增加网站的用户体验。在前面的一篇文章中，有介绍过 wordpress 网站地图的添加方法，是用 wordpress 插件来实现的，今天介绍的网站地图添加方法是用代码来实现的。

刚开始建站的时候我觉得柳城的百度 XMLSitemap 生成器插件挺好用的，然后就一直用它，直到作者不更新了。今天介绍的就是不使用插件完成 wordpress 代码实现网站地图 sitemap 的 HTML 和 xml 的方法，本站以前一直用着柳城的百度地图插件，今天心血来潮，想着还是直接代码吧，少用插件的好！虽然改点代码仍然可以使用，但是多多少少还是有点小问题的。比如谷歌会说他的插件生成的 HTML 版本网站地图页面可点击项间隔太小，不适合移动端使用的问题，所以我决定自己做一个网站地图页面。

实现步骤

首先是要有一个前端模板，这是最重要的，不然不好看，这个我就不提供了。然后就是使用 wordpress 函数循环输出整站页面地址了，由于我做成了页面，自带头部导航与底部，所以我只需要所有页面、所有文章、所有标签，具体看下面代码。

1、输出所有页面地址

<?PHP

$mypages = get_pages();

if(count($mypages) > 0) {

foreach($mypages as $page) {

echo get_page_link($page->ID);//输出页面地址

echo $page->post_Title;//输出页面标题

}

2、输出所有文章地址

<?PHP

$myposts = get_posts( "numberposts=1000");//这里输出1000条

if(count($myposts) > 0) {

foreach( $myposts as $post ) {

echo the_permalink();//输出文章地址

echo the_Title();//输出文章标题

}

3、输出所有标签地址

<?PHP

$Tags = get_terms("post_tag");

foreach ( $Tags as $key => $tag ) {

echo get_term_link( intval($tag->term_ID),"post_tag" );//输出标签地址

echo $tag->name;//输出标签标题

}

完整步骤

在新建一个 PHP 文件页面 sitemap.PHP，在里面加上以下代码，再放入主题下的页面文件夹中。

<?PHP

Template name: 站点地图

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

body {Font-family: Microsoft Yahei,Verdana;Font-size:13px;margin:0 auto;color: #000000;background: #ffffff;wIDth: 990px;margin: 0 auto}

a:link,a:visited {color:#000;text-decoration:none;}

a:hover {color:#08d;text-decoration:none;}

h1,h2,h3,h4,h5,h6 {Font-weight:normal;}

img {border:0;}

li {margin-top: 8px;}

.page {padding: 4px; border-top: 1px #EEEEEE solID}

.author {background-color:#EEEEFF; padding: 6px; border-top: 1px #ddddee solID}

#nav,#content,#footer {padding: 8px; border: 1px solID #EEEEEE; clear: both; wIDth: 95%; margin: auto; margin-top: 10px;}

</style>

</head>

<h2 text-align: center; margin-top: 20px"><?PHP bloginfo('name'); ?>'s SiteMap </h2>

<ul>

<?PHP

$prevIoUs_year = $year = 0;

$prevIoUs_month = $month = 0;

$ul_open = false;

$myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');

foreach($myposts as $post) :

<li><a href="<?PHP the_permalink(); ?>" title="<?PHP the_Title(); ?>" target="_blank"><?PHP the_Title(); ?></a></li>

<?PHP endforeach; ?>

</ul>

</div>

<?PHP wp_List_categorIEs('Title_li='); ?>

</ul></li>

</div>

<?PHP wp_page_menu( $args ); ?>

</div>

<div ID="footer">查看博客首页: <strong><a href="<?PHP echo esc_url( home_url() ); ?>/"><?PHP bloginfo('name'); ?></a></strong></div><br />

<div text-algin: center; Font-size: 11px">Latest Update: <?PHP $last = $wpdb->get_results("SELECT MAX(post_modifIEd) AS MAX_m FROM $wpdb->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')");$last = date('Y-m-d G:i:s',strtotime($last[0]->MAX_m));echo $last; ?><br /><br /></div>

</center>

</body>

</HTML>

以上代码只能作为参考，标签根据自己实际情况进行修改，然后进入 wordpress 后台，创建新的页面，起名为网站地图，（名字随便）内容不需要填写。点击快速编辑按钮，选择模板–网站地图，这样 wordpress 网站地图就制作出来了。

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的代码实现WordPress网站HTML地图全部内容，希望文章能够帮你解决代码实现WordPress网站HTML地图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/1008124.html

代码实现WordPress网站HTML地图

发表评论

评论列表（0条）