A-A+

超级简单的wordpress全文置顶、全文列表置顶、高亮变色的显示方法！

2013年01月05日 博客应用 暂无评论 阅读 141 次浏览 次
摘要：

要求非常多，有的希望让博客置顶的那篇文章整个显示出来、有的希望让博客能够置顶显示几篇文章的列表、还有的要求博客置顶的文章列表还要高亮变色显示，甚至还有些淘宝客推广的朋友要求把置顶的几篇文章在侧边栏显示！今天，我就在这详细介绍一下吧！其中，最后一个方法是个人原创的！

现在由于做淘宝客推广的人越来越多，那么对于我们这些淘宝客来说要求也是越来越高！做站这一方面也是不例外的，这里就包括品牌的打造、模板的设置、引导页的建构等等，前段时间关于品牌的打造我也写了几篇文章！（例如：网站ico小图标的详细制作方法等。）而下一段我也会精心打造一个关于淘宝客模板的栏目，那么，今天介绍的都不是这两项，是一个关于引导页的，最近有很多淘宝客朋友在QQ上给我留言，说引导页他们能做的很好，但是他们希望把引导页置顶，他们其实置顶这项功能，在wordpress2.7以后就有了，但是他们的要求非常多，有的希望让博客置顶的那篇文章整个显示出来、有的希望让博客能够置顶显示几篇文章的列表、还有的要求博客置顶的文章列表还要高亮变色显示，甚至还有些淘宝客推广的朋友要求把置顶的几篇文章在侧边栏显示！今天，我就在这详细介绍一下吧！其中，最后一个方法是个人原创的！

一、wordpress2.7以后自带的全文置顶显示方法介绍！

WordPress从2.7版本以后就带有文章置顶的功能，可是它的置顶功能做的实在是太隐蔽了，害的很多人都找不到！这里给大家详细说一下步骤吧！

1.先用wordpress发表一篇文章！（其实就是你想置顶的那篇文章，已发表就不要再发表了！）

2.进入wordpress的后台，然后点击文章→所有文章，把鼠标放在你想置顶的那篇文章上，下面又会出现一些选项！点击下面的“快速编辑”这时你就看见有“置顶这篇文章”的选项了，在前面打√，就行了！然后刷一下主页，ok！其实，在这里，你还可以为这篇文章加密！下面给个图吧！

 

二、用代码将wordpress置顶文章列表放在侧边栏等地方！

很多淘宝客建站的朋友都想让侧边栏也显示自己推荐的文章，也就是置顶的文章，还有些人

想把这些文章放在每篇文章的下面，其实方法也不难，就是把下面这段代码放在相应的地方就可以了！

  1. <ul>
  3. <?php
  5. $sticky = get_option(‘sticky_posts’);
  7. rsort( $sticky );
  9. $sticky = array_slice( $sticky, 0, 5);
  11. query_posts( array( ‘post__in’ => $sticky, ‘caller_get_posts’ => 1 ) );
  13. if (have_posts()) :
  15. while (have_posts()) : the_post();
  17. ?>
  19. <li><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>” rel=”bookmark”><?php the_title(); ?></a></li>
  21. <?php endwhile; endif; ?>
  23. </ul>

注意：上面的这段代码，如果你没有指定置顶文章，那么它会显示最新的十篇文章！

如果想将文章放在首页的话，应将代码放在index.php里面（wp后台→外观→编辑→index.php→放代码→点下面的更新文件→刷首页！）你希望在什么地方出现，就放在那！

如果是想将这些置顶文章放在侧边栏，那么首先要装一个插件：Executable PHP widget，你直接点安装插件，然后搜一下就有了，其实这个插件的作用就是让你的侧边栏多一个支持php语言的小工具，装好后，点击外观→小工具→php code→放代码→点下面的保存→刷新首页→ok！

三、用wordpress插件将文章置顶。

这个方法就需要安装相关的插件了，我在这里推荐wp-sticky这个插件！

wp-sticky插件下载（点击下载）

下载安装后，你在写文章的时候，文章编辑页面的右下角就会多一个Post Sticky Status”它有三个选项，意思分别是！

Announcement：这个选项它是相对于你所有文章的，它是全局置顶，就是在所有的文章前面！

Sticky：这个置顶是相对于当天所发文章，就是在当天所发的几篇文章中置顶！

Normal：这个选项的意思就是正常，那也就是不置顶，那天哪篇文章不想置顶了，就选这项！还是上个图吧！

 

关于这个插件就说到这吧！

四、用html语言将文章列表或者全文置顶，也可放在侧边栏！（个人原创）

这个方法很简单，有人说我不懂html语言，怎么办？你可以用wordpress进行编辑，你可以先在可视化的状态下对置顶的文章或列表进行编辑，编辑好后，你再点击“可视化”标签旁边的“html”标签，这样你就可以获得你置顶文章或全文的html代码了，把它复制到index.php中，如果想放到侧边栏的话，就新建一个小工具（这里应选“文本”小工具），然后将代码复制进去就可以了！为了方便大家，还是举个例子吧！

第一例：标题置顶变红色

效果：【置顶】godaddy域名超优惠购买、完美使用全视频电子书

代码：

  1. <span style=”color: #ff0000;”><a href=”http://www.taoqite.info/258.html” target=”_blank”><span style=”text-decoration: underline; color: #ff0000;”>godaddy域名超优惠购买、完美使用全视频电子书</span></a></span></h1>

你也可以使用我上面的这段代码，只不过你要把链接也就是http://www.taoqite.info/258.html和文字godaddy域名超优惠购买、完美使用全视频电子书换成你自己的就可以了！

如果想变成其它颜色，只要从网上找下代码把 #ff0000这个换的就行了！

第二例：普通置顶效果

效果：【置顶】屠龙团队最新正版1500元月赚5065教程免费获取方法！

代码：

  1. <h1>【置顶】<a href=”http://www.taoqite.info/251.html” target=”_blank”>屠龙团队最新正版1500元月赚5065教程免费获取方法！</a></h1>

这里的<h1>，表示的是字体的大小！小的还有<h2>，<h3>等

标签：

给我留言