Soporte » Guías – Resolución de problemas » Colocar Imagen en el resumen de las entradas

  • Resuelto achavezh

    (@achavezh)


    Hola,

    He instalado la versión free del tema «News Vibrant», sin embargo, al momento de crear una entrada nueva en mi página principal del blog solo muestra un resumen de la entrada sin imagen. ¿Hay forma de poder modificar esto y que se muestre la imagen que contiene mi entrada?

    Creo que podría ser parte del archivo «layouts – archive – classic»

    <?php
    /**
     * Template part for displaying posts
     *
     * @link https://codex.wordpress.org/Template_Hierarchy
     *
     * @package CodeVibrant
     * @subpackage News Vibrant
     * @since 1.0.0
     */
    
    if( has_post_thumbnail() ) {
    	$post_class = 'has-thumbnail';
    } else {
    	$post_class = 'no-thumbnail';
    }
    ?>
    
    <article id="post-<?php the_ID(); ?>" <?php post_class( $post_class ); ?>>	
    
    	<?php if( has_post_thumbnail() ) { ?>
    		<div class="nv-article-thumb">
    			<a href="<?php the_permalink(); ?>">
    				<?php the_post_thumbnail( 'full' ); ?>
    			</a>
    		</div><!-- .nv-article-thumb -->
    	<?php } ?>
    
    	<div class="nv-archive-post-content-wrapper">
    
    		<header class="entry-header">
    			<?php
    				the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
    
    				if ( 'post' === get_post_type() ) :
    			?>
    					<div class="entry-meta">
    						<?php news_vibrant_inner_posted_on(); ?>
    						has_post_thumbnail( int|WP_Post $post = null )
    					</div><!-- .entry-meta -->
    			<?php
    				endif;
    			?>
    		</header><!-- .entry-header -->
    
    		<div class="entry-content">
    			<?php
    				the_excerpt();
    				$news_vibrant_archive_read_more_text = get_theme_mod( 'news_vibrant_archive_read_more_text', __( 'Continue Reading', 'news-vibrant' ) );
    			?>
    			<span class="nv-archive-more"><a href="<?php the_permalink(); ?>" class="nv-button"><i class="fa fa-arrow-circle-o-right"></i><?php echo esc_html( $news_vibrant_archive_read_more_text ); ?></a></span>
    		</div><!-- .entry-content -->
    
    		<footer class="entry-footer">
    			<?php news_vibrant_entry_footer(); ?>
    		</footer><!-- .entry-footer -->
    
    	</div><!-- .nv-archive-post-content-wrapper -->
    	
    </article><!-- #post-<?php the_ID(); ?> -->

    Gracias, espero puedan ayudarme.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Se muestra la imagen destacada (lo hace la función the_post_thumbnail()), no tiene que ver con las imágenes del contenido de la entrada. Tienes que añadir una imagen destacada a las entradas: https://neliosoftware.com/es/blog/imagenes-destacadas-wordpress/

    Iniciador del debate achavezh

    (@achavezh)

    Hola Elias,

    Gracias por tu respuesta, a lo que me refería es que hay temas que no es necesario agregar una imagen destacada para que muestre la primera imagen agregada a la entrada. Al igual he intentado hacer lo que mencionas, agregar una imagen destacada a mi post pero al hacerlo la imagen destacada se muestra bastante grande en la página principal del blog y fuera del cuadro de texto donde muestra el resumen de la entrada.

    Habrá posibilidad de que la Imagen destacada quede mas pequeña y dentro del cuadro de texto en donde muestra el resumen de mi entrada ??

    Gracias de antemano!

    Iniciador del debate achavezh

    (@achavezh)

    Hola que tal,

    Pude resolver mi problemática sobre la imagen destacada, lo único que debía hacer era modificar el codigo de thumbnails en templates-part/content.php y el single.php

    Gracias por el apoyo.
    Alan.

    hay temas que no es necesario agregar una imagen destacada para que muestre la primera imagen agregada a la entrada

    Eso ya depende de la programación de cada tema, no sé si el tuyo oferta esa funcionalidad, pero está claro que al parecer no la tiene.

    la imagen destacada se muestra bastante grande

    La función the_post_thumbnail() admite un parámetro de tamaño, y en el código que pusiste utiliza full, por lo que se muestra a tamaño completo. La solución, como imagino que has hecho, consiste en utilizar otro tamaño, como medium, o incluso eliminarlo para que use el tamaño por defecto, es decir, post-thumbnail.

    Como recomendación general, este tipo de modificaciones han de hacerse en un tema hijo, para que puedas seguir actualizando el tema sin perder los cambios.

    • Esta respuesta fue modificada hace 5 años, 4 meses por Elías.
    • Esta respuesta fue modificada hace 5 años, 4 meses por Elías.
    • Esta respuesta fue modificada hace 5 años, 4 meses por Elías.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Colocar Imagen en el resumen de las entradas’ está cerrado a nuevas respuestas.