如何给你的Thematic子主题设立特色文章

设置特色文章在Wordpress的杂志型博客主题中很流行,它们常常作为比较热门的话题被呈现出来,可以让读者知道一个博客的精华所在,这种表现方式对读者总是友好的。这里我们以框架主题Thematic作为一个例子,讲述一下如何利用子主题设立一个特色文章区域。

你是否在使用Thematic?如果是,相信你也会安装子主题吧!Thematic有许多子主题,你可以访问thematic child theme下载自己喜欢的,然后再按照以下步骤也给你的子主题设立特色文章,将你的博客精华献给你的读者。

特色文章会被放置在你博客的首页顶部,表现形式应该与其它文章有所不同,拥有自己的特点,因此也可以将它们叫做“置顶文章”吧。这里我们要设立3篇特色文章,它们应该是最新发表的且其标签为“featured”的文章,当然了,你可以将任何文章设定为特色文章的,如果不考虑读者的看法的话,只要你自己认为可视作特色文章就行了。

featured_posts

将下面的代码加入到你的子主题的functions.php文件中,不要忘记了放在开头标记符<?php和结束标记符?>的中间哦!

function featured_posts(){
$my_query = new WP_Query('tag=featured&showposts=3');
echo '<ul id="featured-posts">';
$feat_class = array();
while ($my_query->have_posts()) : $my_query->the_post();
$feat_class = array();
// Category for the post queried
foreach ( (array) get_the_category() as $cat )
$feat_class[] = 'category-' . $cat->slug;
$feat_class = join(" ", $feat_class);
?>
<li id="featured-<?php the_ID(); ?>" class="<?php echo $feat_class; ?>">
<?php
$posttitle = '<h4><a href="';
$posttitle .= get_permalink();
$posttitle .= '" title="';
$posttitle .= __('Permalink to ', 'thematic') . the_title_attribute('echo=0');
$posttitle .= '" rel="bookmark">';
$posttitle .= get_the_title();
$posttitle .= "</a></h4>\n";
echo $posttitle;
the_excerpt();
?>
</li><!-- .post -->
<?php
endwhile;
echo '</ul>';
} 

add_action('thematic_above_indexloop','featured_posts');

代码中的第一行$my_query = new WP_Query(‘tag=featured&showposts=3′); 里面有一个“tag”,也就是你所指定的特色文章的标签名称;后面的数字“3”是要确立的特色文章的数目,你也可以改为更大的数字。

到这一步为止,我们只是列出了3篇特色文章,要让它们在布局上表现与众不同,更能吸引读者的注意力,需要给它们添加一些CSS样式代码。

将下面的CSS样式代码加入到你的主题文件style.css中:

ul#featured-posts {
                      float: left;
                      margin: 0;
                      padding: 0 0 15px 0;
                      list-style: none;
                      color: #111;
                      font-size: 11px;
                      line-height:14px;
                      font-family: Helvetica, Arial, sans-serif;
} 

#featured-posts li {
                     float: left;
                     width: 135px;
                     padding: 12px 10px 10px 10px;
                     margin-right: 15px;
                     min-height: 260px;
                     background:#f1f1f1;
                     border:3px double #ccc;
} 

#featured-posts li p {
                    margin: 0;
                    padding: 0;
} 

#featured-posts li:hover {
                   background:#fff;
} 

#featured-posts li h4 a {
                  font-family:Georgia, Times, sans-serif;
                  font-size: 12px;
                  line-height: 13px;
                  display: block;
                  padding: 5px 1px;
                  color: #111;
                  font-weight: bold;
}

这些CSS代码应该也要根据所使用的主题布局作出相应的调整,因为各款主题的主体宽度多有不同,详细如何调整,这里就不再啰嗦了。此方法也可以用在别的主题上,但是可能也需要稍作修改,各位就自己慢慢摸索吧,实践出真知,只有身体力行,所得收获才是真的属于自己的.

如果你觉得这篇文章对你自己或你的朋友有一些用处,那么请发表一下留言吧,或分享给你的朋友?谢谢!

原文:cozmoslabs.com

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《如何给你的Thematic子主题设立特色文章》
日志链接: http://www.chenchunlin.info/add-featured-posts-to-your-thematic-child-theme.html
博客名称: Chenchunlinblog

This entry was posted in WordPress and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

分享这篇文章:


相关文章:

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>