rin-wendy.com情侣模板的制作思路(一)

这个网站的布局很特别,首页是三栏,左右不同的颜色,文章页根据不同的作者显示不同的颜色,页面又是一种风格。

1. 首先区分页面,首页,作者A和作者B。

1
2
3
4
5
6
7
8
9
10
11
12
<?php if (is_page())  {
    $style_item = 'page';
} elseif (is_single()) {
    if ($post->post_author == '1') {
        $style_item = 'left';
    }
    elseif ($post->post_author == '2') {
        $style_item = 'right';
    }
} else {
    $style_item = 'normal';
} ?>

把定义的$style_item加在DIV框架内,以方便用CSS控制显示。

1
< div id="page" class="wrap-<?php echo($style_item); ?>">


2. 首页左右作者的实现可以用query_posts来控制
一开始用query_posts(‘author=1’ ) 发现这样不能正常分页,查找了相关资料最后找到了如下代码:

1
2
3
4
5
<?php
    $limit = get_option('posts_per_page');
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    query_posts('author=1' . '&paged=' . $paged);
?>

注意:

1
<?php endwhile; ?>

下方加上一句

1
<?php wp_reset_query(); ?>

不加的话会使侧栏的if (is_category())这样的判断失效。

这样基本的布局就完成。下一篇分析情侣模板的评论部分