Cambie la visualización de la imagen destacada para las páginas en veinte y diecisiete temas

2

Utilizando el tema Twenty Seventeen, con un diseño de dos columnas, me gustaría que las imágenes destacadas queden debajo del encabezado en la columna del lado izquierdo. Esto evita que haya dos imágenes grandes consecutivas que requieren mucho desplazamiento.

¿Cómo se cambia la ubicación de la imagen destacada en el tema Veintisiete?

He creado un tema secundario con enmiendas al CSS, etc. pero me cuesta identificar cómo se cambia este aspecto del tema. Creo que los archivos relevantes son:

  • content-front-page.php : esto parece un poco más fácil de modificar, ya que tiene una clara asignación de clase CSS para la imagen
  • content-page.php : esto no tiene referencias a la imagen
  • style.css : los bits relevantes se anularían en style.css del tema de mi hijo

PS No tengo el representante para agregar una etiqueta de tema veintisiete, podría alguien crearla y agregarla (requiere 300 repeticiones)

    
pregunta Steph Locke 17.01.2017 - 11:47

1 respuesta

4

Estás luchando con archivos incorrectos. Usted puede encontrar archivos de correos en Archivo de tema-carpeta / plantilla-partes / post / contenido.php.

Encontrará este código, puede agregar sus clases o lo que sea en el tema de su hijo.

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

sección de miniaturas mencionada en comentarios html.

    
respondido por el Umer Shoukat 17.01.2017 - 12:09

Lea otras preguntas en las etiquetas