Diverso tamaño miniatura de imagen real en post

Me pregunto cómo lograr algo concreto. No estoy seguro si esta funcionalidad ya está construida en Wordpress, o si hay algún suceso de PHP. Este es el sitio de que estoy basando algunas de mi diseño: http://www.premiumpixels.com/ Como puedes ver, son las imágenes que están en la portada recortada, sin embargo, cuando usted hace clic en el post, te da una vista más grande todos juntos.

Intentos de recortar la imagen en Wordpress en realidad y que sea una imagen recomendada ha sido inútil. ¿Me pregunto cómo lograrlo? Parece que está usando la imagen de portada como una imagen recomendada y la imagen de post de blog real sólo ha sido simplemente insertada.

Sin embargo, cuando este trato, recibo ambas imágenes en mi página principal. ¿Alguien puede arrojar algo de luz sobre esto?.



Solución 1

Esto es bastante sencillo de implementar, con núcleo
post-thumbnails
funcionalidad. En primer lugar, debes agregar tema soporte para la función, mediante
functions.php
:

<?php
function wpse54920_setup_theme() {
    // Support post thumbnails
    add_theme_support( 'post-thumbnails' );
}
add_action( 'after_setup_theme', 'wpse54920_setup_theme' );
?>
A continuación, debe definir sus tamaños de imagen personalizada, utilizando add_image_size(). Digamos que quieres los siguientes tamaños de imagen personalizada:
  • archive-index-featured
    , 150px x 100px, duro recortada
  • post-header-featured
    , 250px ancho, caja redimensionada definirlos como sigue (edificio en nuestro código anterior):
    <?php
    function wpse54920_setup_theme() {
    
        // Support post thumbnails
        add_theme_support( 'post-thumbnails' );
    
        // Add Archive Index Featured image size
        add_image_size( 'archive-index-featured', 150, 100, true );
    
        // Add Post Header Featured image size
        add_image_size( 'post-header-featured', 250, 9999, false );
    }
    add_action( 'after_setup_theme', 'wpse54920_setup_theme' );
    ?>
    
    Ahora, simplemente necesita el tamaño de la imagen apropiada en el archivo de plantilla apropiada, o vía el condicional apropiado de salida.

    Por razones de simplicidad, utilizaré este último enfoque:
    <?php
    if ( has_post_thumbnail() ) {
        // Determine image size based on context
        $featured_image_size = ( is_single || is_page() ? 'post-header-featured' : 'archive-index-featured' );
        // Output the post featured image
        the_post_thumbnail( $featured_image_size );
    }
    ?>
    
    Alternativamente, puedes llamar simplemente
    the_post_thumbnail( 'post-header-featured' )
    en
    single.php
    o
    page.php
    , y la llamada
    the_post_thumbnail( 'archive-index-featured' )
    en otros archivos de plantilla..
  • Solución 2

    Echa un vistazo a Timthumb, un pequeño script para recortar, hacer zoom y redimensionamiento de imágenes web. En mi sitio lo estoy usando para hacer algo muy parecido a lo que está haciendo tu ejemplo (premiumpixels). El código en la página de Resumen (page.php):
    <?php
                                            $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
                                            if($thumbnail){
                                        ?>
                                        <div class="img_post">
                                            <a rel="nofollow" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>" class="blogpost_img">
                                            <span class="background_3"><img src="<?php echo get_template_directory_uri(); ?>/images/post_img_arrow.png" alt="Read More" /></span>
                                            <img src="<?php echo get_template_directory_uri(); ?>/framework/timthumb.php?src=<?php echo $thumbnail[0]; ?>&amp;h=230&amp;w=340" alt="<?php the_title(); ?>" />
                                            <div class="clearfix"></div>
                                            </a>
                                        </div><!-- /img_post -->
    
                                        <?php
                                            }
                                        ?>
    
    El código en la página de detalle (single.php):
                                    <?php
                                            $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
                                            if($thumbnail){
                                        ?>
                                        <div class="img_post">
    
                                            <img src="<?php echo get_template_directory_uri(); ?>/framework/timthumb.php?src=<?php echo $thumbnail[0]; ?>&amp;h=230&amp;w=680" alt="<?php the_title(); ?>" />
                                            <div class="clearfix"></div>
    
                                        </div><!-- /img_post -->
    
                                    <?php
                                            $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
                                            if($thumbnail){
                                        ?>
                                        <div class="img_post">
    
                                            <img src="<?php echo get_template_directory_uri(); ?>/framework/timthumb.php?src=<?php echo $thumbnail[0]; ?>&amp;h=230&amp;w=680" alt="<?php the_title(); ?>" />
                                            <div class="clearfix"></div>
    
                                        </div><!-- /img_post -->
    
    .





    Problemas relacionados

    WordPress hace imágenes duplicadas de diverso tamaño

    Cómo cambiar el tamaño de imagen en miniatura

    Post específico formato imagen miniatura

    ¿Tamaño de imagen recomendados en el panel de administración?

    Cambiar tamaño de imagen recomendado en la pantalla editar Post

    Conseguir un diverso tamaño de la miniatura de la imagen mientras se trabaja con metabox personalizado

    Cargado de redimensionar imágenes

    ¿Cómo cambiar el tamaño de la imagen en nuevos medios Uploader (es decir uso medio vs miniatura)

    Tamaño de imagen Thumbnail recomendado en veinte diez archivo página

    ¿Cómo cambiar el orden de elementos dentro de un post?

    Nueva versión de tamaño de imagen sólo para el archivo de imagen aparece

    ¿Mostrar imágenes de diverso tamaño destacado (the_post_thumbnail) para el 1er, 2do y 3er posts?

    Source: Stack Exchange Inc; License: cc by-sa 3.0 Contacto / Contact