代码实现WordPress网站HTML地图

常见的网站舆图有两种,一种是XML花样的舆图,另一种是HTML花样舆图(百度网站舆图不是百度舆图!请列位小白搜索的时刻要害词别用错,别跑来问我百度舆图怎么弄,我懂不起。)。XML花样的网站舆图是给搜索引擎蜘蛛看的,而HTML网站舆图是给用户看的,可以展现自己博客的所有文章和所有页面,能够增添网站的用户体验。在前面的一篇文章中,有先容过wordpress网站舆图的添加方式,是用wordpress插件来实现的,今天先容的网站舆图添加方式是用代码来实现的。

刚最先建站的时刻我以为柳城的百度 XMLSitemap 天生器插件挺好用的,然后就一直用它,直到作者不更新了。今天先容的就是不使用插件完成wordpress代码实现网站舆图sitemap的html和xml的方式,本站以前一直用着柳城的百度舆图插件,今天心血来潮,想着照样直接代码吧,少用插件的好!虽然改点代码仍然可以使用,然则多若干少照样有点小问题的。好比谷歌会说他的插件天生的html版本网站舆图页面可点击项距离太小,不适合移动端使用的问题,以是我决议自己做一个网站舆图页面。

实现步骤

首先是要有一个前端模板,这是最主要的,否则欠悦目,这个我就不提供了。然后就是使用WordPress函数循环输出整站页面地址了,由于我做成了页面,自带头部导航与底部,以是我只需要所有页面、所有文章、所有标签,详细看下面代码。

1、输出所有页面地址

  1. <?php 
  2.     $mypages = get_pages(); 
  3.     if(count($mypages) > 0) {
  4.         foreach($mypages as $page) { 
  5.             echo get_page_link($page->ID);//输出页面地址
  6.             echo $page->post_title;//输出页面题目
  7.         }
  8.      }
  9. ?>

2、输出所有文章地址

  1. <?php 
  2.     $myposts = get_posts( "numberposts=1000");//这里输出1000条
  3.     if(count($myposts) > 0) {
  4.        foreach( $myposts as $post ) { 
  5.             echo the_permalink();//输出文章地址
  6.             echo the_title();//输出文章题目
  7.         }
  8.      }
  9. ?>

3、输出所有标签地址

  1. <?php 
  2.    $tags = get_terms("post_tag");
  3.    foreach ( $tags as $key => $tag ) { 
  4.         echo get_term_link( intval($tag->term_id), "post_tag" );//输出标签地址
  5.         echo $tag->name;//输出标签题目
  6.     }     
  7. ?>

完整步骤

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

  1.     <?php
  2.     /*
  3.      Template Name: 站点舆图
  4.     */
  5.     ?>
  6.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.     <html xmlns="http://www.w3.org/1999/xhtml">
  8.     <head profile="http://gmpg.org/xfn/11">
  9.     <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
  10.     <title>站点舆图 - <?php bloginfo('name'); ?></title>
  11.     <meta name="keywords" content="站点舆图,<?php bloginfo('name'); ?>" />
  12.     <meta name="copyright" content="<?php bloginfo('name'); ?>" />
  13.     <link rel="canonical" href="<?php echo get_permalink(); ?>" rel="external nofollow"  rel="external nofollow"  />
  14.     <style type="text/css">
  15.         body {font-family: Microsoft Yahei,Verdana;font-size:13px;margin:0 auto;color: #000000;background: #ffffff;width: 990px;margin: 0 auto}
  16.         a:link,a:visited {color:#000;text-decoration:none;}
  17.         a:hover {color:#08d;text-decoration:none;}
  18.         h1,h2,h3,h4,h5,h6 {font-weight:normal;}
  19.         img {border:0;}
  20.         li {margin-top: 8px;}
  21.         .page {padding: 4px; border-top: 1px #EEEEEE solid}
  22.         .author {background-color:#EEEEFF; padding: 6px; border-top: 1px #ddddee solid}
  23.         #nav, #content, #footer {padding: 8px; border: 1px solid #EEEEEE; clear: both; width: 95%; margin: auto; margin-top: 10px;}
  24.     </style>
  25.     </head>
  26.     <body vlink="#333333" link="#333333">
  27.     <h2 style="text-align: center; margin-top: 20px"><?php bloginfo('name'); ?>'s SiteMap </h2>
  28.     <center></center>
  29.     <div id="nav"><a href="<?php echo esc_url( home_url() ); ?>/" rel="external nofollow"  rel="external nofollow" ><strong><?php bloginfo('name'); ?></strong></a> &raquo; <a href="<?php echo get_permalink(); ?>" rel="external nofollow"  rel="external nofollow" >站点舆图</a></div>
  30.     <div id="content">
  31.     <h3>最新文章</h3>
  32.     <ul>
  33.     <?php
  34.     $previous_year = $year = 0;
  35.     $previous_month = $month = 0;
  36.     $ul_open = false;
  37.     $myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
  38.     foreach($myposts as $post) :
  39.     ?>
  40.     <li><a href="<?php the_permalink(); ?>" rel="external nofollow"  title="<?php the_title(); ?>" target="_blank"><?php the_title(); ?></a></li>
  41.     <?php endforeach; ?>
  42.     </ul>
  43.     </div>
  44.     <div id="content">
  45.     <li class="categories">分类目录<ul>
  46.     <?php wp_list_categories('title_li='); ?>
  47.     </ul></li>
  48.     </div>
  49.     <div id="content">
  50.     <li class="categories">单页面</li>
  51.     <?php wp_page_menu( $args ); ?>
  52.     </div>
  53.     <div id="footer">查看博客首页: <strong><a href="<?php echo esc_url( home_url() ); ?>/" rel="external nofollow"  rel="external nofollow" ><?php bloginfo('name'); ?></a></strong></div><br />
  54.     <center>
  55.     <div style="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>
  56.     </center>
  57.     </body>
  58.     </html>

以上代码只能作为参考,标签凭证自己现真相形举行修改,然后进入wordpress后台,确立新的页面,起名为网站舆图,(名字随便)内容不需要填写。点击快速编辑按钮,选择模板–网站舆图,这样wordpress网站舆图就制作出来了。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 代码实现WordPress网站HTML地图 https://zhutizhen.com/14565.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章