字号: - o +

非插件WordPress站点地图模板

2012-10-18 杂七杂八 3人评论 22,390次浏览   

子曰:一个人如果不能从内心去原谅别人,那他就永远不会心安理得 o(∩_∩)o
WopusIDC优惠码:W3Cshare, 点击获取, 或者提交订单时手动输入

眼看W3Cshare前端分享博客也上线好几天了,一直在测试国外主机,不敢大面积改动网站,今天闲着无聊,就想给W3Cshare前端分享博客添加个网站地图,百度谷歌了好久,发现大部分的文章都推荐一款插件,这个插件就是柳城开发的Baidu SiteMap Generator,在我的 虚怀若谷IT狂人 博客里面也一直使用着,还是很不错的,不过个人认为有个很大的缺点就是代码太过复杂,冗余的代码太多,不利于搜索引擎搜索,毕竟是插件嘛,所以自己思量手动做一个非插件的模板~,具体怎么实现的,下面慢慢看吧,本人只是菜鸟,高手就不用看了,看了也没用o(∩_∩)o

习惯性的先抢先看一下效果:

点击查看网站地图

第一步

跟做分类目录、标签、读者墙页面模板一样,添加一个头部描述一下这是一个什么页面

<?php
/*
template name: sitemap   //这里是W3Cshare前端分享博客的网站地图
*/ get_header();
?>

还有这里面什么作者信息啊,我就不放了,简洁一点,也利于其他人使用~

第二步

添加标题和分享按钮代码

<h1 class="main-tit">网站地图<strong>Sitemap</strong><em>(全站)</em></h1>
<?php dtheme_share(); ?>

下面就是放内容了

<?php while (have_posts()) : the_post(); ?>  //判定一下是否有此文章
<div class="entry">
<?php the_content(); ?>  //新建页面时自行添加的内容
</div>
<div class="sitemap">
//这里就是 网站地图 的内容了
</div>
<?php comments_template('', true); endwhile; ?>  //这个是添加一下评论,不需要的可以自行去掉,这里要注意千万不要把后面的endwhile;也去掉了

好吧,继续写中间的内容

<div class="sitemap">
<div class="articles">
<h3>最新文章:</h3>
<ul><?php wp_get_archives('title_li=&type=postbypost'); ?></ul>
</div>
<div class="categories">
<h3>分类目录:</h3>
<ul><?php wp_list_cats("sort_column=ID&hide_empty=0&optioncount=1"); ?></ul>
</div>
<div class="tags">
<h3>热门标签:</h3>
<?php wp_tag_cloud("format=list&number=0&smallest=13&largest=13&unit=px&orderby=count"); ?>
</div>
<div class="pages">
<h3>所有页面:</h3>
<ul>
<?php wp_list_pages('title_li=&sort_column=post_date'); ?>
<li><a href="/tag/wordpress/">WordPress专题</a></li>
</ul>
</div>
</div>

中间的的最新文章、分类目录、热门标签、页面的几个函数我就不解释了,百度谷歌一大堆~

第三步

添加CSS样式:

.sitemap{overflow:hidden;font-size:13px;}
.sitemap div{float:left;width:25%;}
.sitemap h3{margin-bottom:6px;font-size:14px;}
.sitemap .articles ul li,.sitemap .categories li ul li,.sitemap .pages ul li,.sitemap .tags ul li{height:24px;line-height:24px;text-decoration:underline;}
.sitemap .categories ul li{line-height:24px;text-decoration:underline;}
.sitemap .categories li ul li{padding-left:12px;font-size:12px;}
.sitemap .pages ul li.current_page_item a{color:#3B8DD1;background:none;}
.sitemap .pages ul li.current_page_item a:hover{color:#8CAC52}

第四步

添加一下

<?php get_footer(); ?>

版权就Over了~

好了,一个完整的网站地图就建好了,只要在新建页面的时候选择sitemap模板就可以了。

网站地图

收工…如果你喜欢W3Cshare,就加前端技术交流群:253977645 一起交流吧o(∩_∩)o

本文作者:两千年的孤寂

2014年的目标:1、入手kp2,多看几本书。2、至少旅游一次。3、带公司走上正轨。少说话,多做事!我不是最好的,但我要做最努力的...... 本站主题交流群:465295619,不闲聊!以后你会知道它的重要性!你懂的~

继续查看有关 的文章

本文密切相关的文章

网友评论2条 ,博主回复1

  1. 想问下博主,你那个xml地图文件怎么实现的呢?也是非插件么

    正仔04-17 16:46 回复
  2. 酷,多谢博主的分享了,之前也是用的插件,想改成不用插件的,有用多谢了

    正仔04-17 16:44 回复

发表我的评论

*

*

取消