第一篇文章关于档案模板的不同

时间:2014-01-25 作者:user45652

嗨,我正在尝试使列表中的第一篇文章与存档模板不同。基本上,它们都是按降序排列的,但列表中的第一篇文章的样式会有所不同。其他人说他们已经做到了,但编码有很大不同,我不知道如何在我的主题中使用php更改第一篇帖子。

我想在第一篇文章中显示缩略图和比其他文章更大的标题。这是我正在使用的基本代码。提前感谢您的帮助!

get_header(); ?>

    <header class="archive-header">
        <h1 class="archive-title"><?php
            if (is_day()):
                printf(__(\'Daily Archives: %s\', \'outspoken\'), get_the_date());
            elseif (is_month()):
                printf(__(\'Monthly Archives: %s\', \'outspoken\'), get_the_date(_x(\'F Y\', \'monthly archives date format\', \'outspoken\')));
            elseif (is_year()):
                printf(__(\'Yearly Archives: %s\', \'outspoken\'), get_the_date(_x(\'Y\', \'yearly archives date format\', \'outspoken\')));
            else:
                _e(\'Archives\', \'outspoken\');
            endif;
            ?></h1>
    </header><!-- .archive-header -->



<?php /* The loop */ ?>

<?php while (have_posts()): the_post(); ?>
    <?php get_template_part(\'content\', get_post_format()); ?>
<?php endwhile; ?>

    <?php outspoken_paging_nav(); ?>
    <?php get_template_part(\'content\', \'none\'); ?>
</div><!-- #content -->

1 个回复
最合适的回答,由SO网友:Borek 整理而成

只需指向使用CSS伪类的文章列表中的第一个元素,如下所示:PS。我已经习惯了使用更少的类,所以我将给您提供。语法更少,但你可以自己解决?

.container-with-your-posts {
    > .post-container {
        &:first-child {
            h1 {
                your styles for the title
            }

            img {
                your styles for the thumb
            }
        }
    }
}
如果您声明doctype,这将在IE8中起作用。如果你不关心IE8(而且你真的不应该),你也可以使用:nth-child(1)

Edit:好的,我可以在下面的评论中看到,你正在努力解决的问题越来越少了,所以你来吧,我将使用CSS。既然您想将其存档,我们从以下内容开始:

.archive {
}
然后,让我们选择posts容器:

.archive #content {
}
现在,让我们选择所有文章(帖子):

.archive #content article {
}
把范围缩小到第一个:

.archive #content article:first-child {
}
现在,为了确保我们不会指向内容中的其他文章(不太可能,但仍然-比抱歉更安全),让我们添加一个直接子选择器。正如所说,这有点过头了,但见鬼的是:

.archive #content > article:first-child {
}
所以现在你在你的档案列表的第一篇文章(帖子)中。现在,您可以根据需要缩小范围(一次选择一个选择器),或者从这里开始,您可以像这样选择缩略图:

.archive #content > article:first-child .entry-thumbnail {
    width: //set your width;
}
标题如下:

.archive #content > article:first-child .entry-title {
    font-size: //set your size;
}

结束

相关推荐

高级定制字段:Single-books.php起作用,books.php不起作用

我正在使用CPT UI创建帖子类型(books)。我正在调试模式下运行。这一切都是在默认情况下发生的,Wordpress 3.8,2212主题。我在ACF中创建了一个名为Books的字段组,并添加了三个字段:book\\u title、book\\u author、pub\\u year。我将字段组设置为显示post type是否为books。然后我复制了页面。php,重命名为books。php,并将默认标题替换为模板名称:Books。我创建了一个名为Book Entries的新页面,并将模板样式设置为B