A-A+

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

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

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

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

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

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

1.先用wordpress发表一篇文章!(其实就是你想置顶的那篇文章,已发表就不要再发表了!)

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

 

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

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

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

  1. <ul>
  2. <?php
  3. $sticky = get_option(‘sticky_posts’);
  4. rsort( $sticky );
  5. $sticky = array_slice( $sticky, 0, 5);
  6. query_posts( array( ‘post__in’ => $sticky, ‘caller_get_posts’ => 1 ) );
  7. if (have_posts()) :
  8. while (have_posts()) : the_post();
  9. ?>
  10. <li><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>” rel=”bookmark”><?php the_title(); ?></a></li>
  11. <?php endwhile; endif; ?>
  12. </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>等

标签:

给我留言