• Saludos, inicio agradeciendo de antemano la ayuda, soy nuevo en el desarrollo en general, php y WordPress —a nivel de código—, una sincera disculpa si mis preguntas son algo torpes.

    Estoy desarrollando un sitio web y estoy llamando en Home una categoría mostrando el thumbnail de cada post con la debida información.

    Hasta ahora funciona me parece correctamente pero las imágenes que muestra tiene aparentemente la medida de 360 x 270 —como si lo hiciera desde css—, pero al momento de darle inspeccionar solo es la apariencia, abro la imagen en otra pestaña y las imágenes conservan la medida original de 768×576, eso al momento de carga en un movil es un poco contraproducente.

    ¿Cómo puedo hacer para que traiga las imágenes recortadas a la medida real que deseo de 360×270?.

    Esto lo pienso por optimización, pensando que una persona promedio no sabe de edición de imagen y no sepa subir una imagen para el post de una medida y otra medida para thumbnail. Se me ocurrió que solo suban una imagen grande y con código recortarla a la medida de 360×270.

    Este es el código que estoy usando actualmente:

    
        <ul class="category-section"><!--*-->
            <?php $the_query = new WP_Query( $sublimation_data ); ?>
            <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
            <li>
                <a href="<?php the_permalink(); ?>">
                    <?php if ( has_post_thumbnail() ) {
                                the_post_thumbnail($sublimation_size);
                            } ?>
                </a>
                <h3>
                    <a href="<?php the_permalink() ?>">
                        <?php the_title(); ?>
                    </a>
                </h3>
                <p>
                    <?php excerpt_long($excerpt_numb); ?>
                </p>
            </li>
            <?php endwhile;?>
        </ul>
    

    Este el link es de la sección:
    http://www.expressart.mx/problema.png

    Gracias nuevamente por leerme.

    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)
  • Moderador Fernando Tellado

    (@fernandot)

    Iniciador del debate singularidad

    (@singularidad)

    Saludos Fernando.

    No intenté con ese plugin exactamente, pero mi problema es que la persona que se encargará de alimentar esa web, es una de mediana edad, no sabe mucho de tecnología y pese a lo sencillo que es WordPress, se le hicieron muchos pasos.

    Por eso mi idea es con código solucionarlo, alguna vez vi en una web que hacia eso, se subia una foto de 800×600 px, esa foto se colocaba en el post y el el thumbnail y en el home esa web, traia la categoria con sus imagenes y cuando le dabas inspeccionar, las fotos estaban a la medida de 300x150px, incluso las descargabas y tenian esa dimensión.

    Imaginé que eso se podía hacer con código, ¿es posible?.

    Gracias por la ayuda.

    Moderador Fernando Tellado

    (@fernandot)

    Iniciador del debate singularidad

    (@singularidad)

    Muchas gracias por los plugin, Fernando. Ambos funcionan magníficamente, pero no es lo que necesito.

    Estuve investigando y encontré un framework que hace lo que deseo:

    function aq_resizer($id, $width, $height) {
        $post_id = $id;
        $thumb = get_post_thumbnail_id($post_id);
        $img_url = wp_get_attachment_url( $thumb,'full' ); //get full URL to image (use "large" or "medium" if the images too big)
        $image = aq_resize( $img_url, $width, $height, true ); //resize & crop the image    
        return $image;
    }

    .

    ¿Pero solo funciona con los post en forma individual, hay forma de combinarlo con este código que mostre al inicio?:

     <ul class="category-section"><!--*-->
            <?php $the_query = new WP_Query( $sublimation_data ); ?>
            <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
            <li>
                <a href="<?php the_permalink(); ?>">
                    <?php if ( has_post_thumbnail() ) {
                                the_post_thumbnail($sublimation_size);
                            } ?>
                </a>
                <h3>
                    <a href="<?php the_permalink() ?>">
                        <?php the_title(); ?>
                    </a>
                </h3>
                <p>
                    <?php excerpt_long($excerpt_numb); ?>
                </p>
            </li>
            <?php endwhile;?>
        </ul>

    .

    Disculpa tanta pregunta, pero he intentado por horas dividas en la semana y no logro solucionarlo.

    ¿Se puede hacer que el ciclo llame las imágenes de una categoría pero las muestre como la función que encontré?.

    Muchas gracias de nuevo.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Recortan Imagen del Thumbnail.’ está cerrado a nuevas respuestas.