it-swarm.com.de

Anzeige des vorgestellten Bildes für Seiten in 17 Themen ändern

Unter Verwendung des Themas Twenty Seventeen und mit einem zweispaltigen Layout möchte ich, dass ausgewählte Bilder unter der Überschrift in der linken Spalte angezeigt werden. Auf diese Weise werden zwei aufeinanderfolgende große Bilder gestoppt, die viel Bildlauf erfordern.

Wie ändert man die Position des gezeigten Bildes im Twenty Seventeen-Thema?

Ich habe ein untergeordnetes Thema mit Änderungen am CSS usw. erstellt, aber ich bemühe mich zu identifizieren, wie man diesen Aspekt des Themas ändert. Ich denke, die relevanten Dateien sind:

  • content-front-page.php : Dies scheint ein bisschen einfacher zu ändern zu sein, da es eine klare CSS-Klassenzuordnung für das Bild hat
  • content-page.php : Dies hat keine Verweise auf das Bild
  • style.css : Relevante Bits werden in style.css meines Kinderthemas überschrieben

PS Ich habe nicht den Repräsentanten, der ein Theme-27-Tag hinzufügt. Könnte jemand es erstellen und hinzufügen (erfordert 300 Repräsentanten)

2
Steph Locke

Sie haben mit falschen Dateien zu kämpfen. Sie finden die Post-Dateien in der Datei theme-folder/template-parts/post/content.php.

Mit diesem Code können Sie Ihre Klassen oder was auch immer in Ihrem untergeordneten Thema hinzufügen.

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

thumbnail-Bereich in HTML-Kommentaren erwähnt.

4
Umer Shoukat