更改二十个主题中页面的特色图像显示

时间:2017-01-17 作者:Steph Locke

使用主题2017,两栏布局,我希望特色图片位于左侧栏标题下方。这样就不会出现需要大量滚动的两个连续的大图像。

How does one change the location of the featured image in the Twenty Seventeen theme?

我已经创建了一个儿童主题,对CSS等进行了修改,但我很难确定如何改变主题的这一方面。我认为相关文件包括:

  • content-front-page.php : 这似乎更容易修改,因为它为图像指定了清晰的CSS类content-page.php : 这没有参考图像style.css : 相关的位将在我的孩子主题的样式中被覆盖。css

    • PS我没有代表添加主题2017标签,是否有人可以创建并添加它(需要300个代表)

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

您正在处理错误的文件。您可以在主题文件夹/模板部件/帖子/内容中找到帖子文件。php文件。

您会发现这段代码,您可以在子主题中添加类或其他内容。

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php
    if ( is_sticky() && is_home() ) :
        echo twentyseventeen_get_svg( array( \'icon\' => \'thumb-tack\' ) );
    endif;
?>
<header class="entry-header">
    <?php
        if ( \'post\' === get_post_type() ) :
            echo \'<div class="entry-meta">\';
                if ( is_single() ) :
                    twentyseventeen_posted_on();
                else :
                    echo twentyseventeen_time_link();
                    twentyseventeen_edit_link();
                endif;
            echo \'</div><!-- .entry-meta -->\';
        endif;

        if ( is_single() ) {
            the_title( \'<h1 class="entry-title">\', \'</h1>\' );
        } else {
            the_title( \'<h2 class="entry-title"><a href="\' . esc_url( get_permalink() ) . \'" rel="bookmark">\', \'</a></h2>\' );
        }
    ?>
</header><!-- .entry-header -->

<?php if ( \'\' !== get_the_post_thumbnail() && ! is_single() ) : ?>
   <!-- post thumbnail code -->
    <div class="post-thumbnail">
        <a href="<?php the_permalink(); ?>">
            <?php the_post_thumbnail( \'twentyseventeen-featured-image\' ); ?>
        </a>
    </div><!-- .post-thumbnail -->
<?php endif; ?>
html注释中提到的缩略图部分。

相关推荐