WordPress简单修改文章置顶样式

由于joyla的一句“还不更新？？”，让我发现这置顶的帖子不留意的话和普通的真没什么区别，于是看到了阿修的“WordPress高亮作者和文章置顶的实现”这篇帖子，方法我就直接引用了：

1.首先查看index.php中关于显示文章部分的代码。
比如默认主题中：

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

关键就是确定有这个语句。如果没有，例如类似这样：

<<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<?php the_content(); ?>
<?php endwhile; endif; ?>

你就可以改写一下：

<<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<div <?php post_class(); ?>>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<?php the_content(); ?>
</div>
<?php endwhile; endif; ?>

实际就是把文章内容圈一个div出来，把这个div加上一个，就像默认主题里那样。

2.css中定义sticky文章的样式，可以根据主题需要来定义。比如我的是这么写的：

#entry .sticky {
padding:8px;
background:url(images/sticky.png) top right no-repeat;
border:1px solid #EEE;
color:#000;}

3.后台发布文章的时候，选择“置顶这篇文章到首页，这样就完成了。

由于Z-Turn这款主题本身用了背景图片，在我加了<div <?php post_class(); ?>>这个之后需要修改的地方较多，所以我现在采用的另一种方法:

同样还是在index.php中找到

<h2><a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>

在其前面加入

<?php if(is_sticky()) : ?>

<h2><img src=”<?php bloginfo(‘template_directory’); ?>/images/top.gif” class=”topimg” alt=”top” /><a class=”title stickytitle” href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h2>

<?php else : ?>

后面加入<?php endif; ?>来结束置顶判断，用topimg和stickytitle来分别对图片和标题样式作简单的修改，此方法最早的出处应该来自qiqiboy的＂一个首页不应该缺少的两项功能：置顶+日志预告＂，我只作了小小的修改

这就是目前我的置顶样式