web-dev-qa-db-ja.com

テーマが27のテーマのページのおすすめ画像の表示を変更する

テーマTwenty Seventeenを使用して、2列のレイアウトで、おすすめの画像を左側の列のヘッダーの下に配置します。これにより、大量のスクロールが必要な2つの連続した大きな画像がなくなります。

Twenty Seventeenテーマで注目画像の位置を変更するにはどうすればよいですか。

私はCSSなどを修正した子テーマを作成しましたが、テーマのこの側面をどのように変更するかを特定するのに苦労しています。私は関連ファイルがあると思います：

  • content-front-page.php ：画像にCSSクラスが明確に割り当てられているので、これを変更するのは少し簡単です。
  • content-page.php ：これは画像への参照を持っていません
  • style.css ：関連するビットは私の子供のテーマのstyle.cssで上書きされます

PS私はテーマ27タグを追加する担当者を持っていません、誰かがそれを作成して追加できます（300担当者が必要です）

theme-developmentpost-thumbnails
2
Steph Locke

あなたは間違ったファイルに苦しんでいます。投稿ファイルはtheme-folder/template-parts/post/content.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のコメントに記載されているサムネイルセクション。

4
Umer Shoukat