web-dev-qa-db-fra.com

Changer l'affichage de l'image sélectionnée pour les pages dans dix-sept thèmes

En utilisant le thème vingt-dix-sept, avec une disposition en deux colonnes, j'aimerais que les images en vedette apparaissent sous l'en-tête de la colonne de gauche. Cela évite qu'il y ait deux grandes images consécutives nécessitant beaucoup de défilement.

Comment change-t-on l'emplacement de l'image sélectionnée dans le thème Twenty Seventeen?

J'ai créé un thème pour enfants avec des modifications au code CSS, etc., mais je peine à identifier comment on modifie cet aspect du thème. Je pense que les fichiers pertinents sont:

  • content-front-page.php : cela semble un peu plus facile à modifier car il a une assignation de classe CSS claire pour l'image
  • content-page.php : cela n'a aucune référence à l'image
  • style.css : les bits pertinents seraient remplacés dans le style.css de mon thème enfant

PS: je n'ai pas le représentant pour ajouter une balise thème vingt-dix-sept, quelqu'un pourrait-il la créer et l'ajouter (nécessite 300 rep)}

theme-developmentpost-thumbnails
2
Steph Locke

Vous vous débattez avec de mauvais fichiers. Vous pouvez trouver des fichiers de publication dans le fichier theme-folder/template-parts/post/content.php.

Vous trouverez ce code que vous pouvez ajouter vos classes ou quoi que ce soit dans votre thème enfant.

<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; ?>

section des vignettes mentionnée dans les commentaires html.

4
Umer Shoukat