¿Cómo redimensionar imágenes en sección 'Featured Images'?

  • Autor Autor sebap04
  • Fecha de inicio Fecha de inicio
sebap04

sebap04

Dseda
Verificación en dos pasos activada
Hola. En Enlace eliminado, como podrán ver tengo una sección de "Featured Images". Son esas imágenes destacadas que se pueden ir moviendo para ambos lados y al hacer click en la imagen te lleva al post. El problema es que las imàgenes no se redimensionan correctamente y quedan muy grandes.

Alguien tiene idea de como hacer para que esas imágenes se ajusten al tamaño disponible? Alguna ayuda?

Saludos
 
No he podido ver dónde está esta sección, pero el problema es similar al del siguiente post:

http://forobeta.com/wordpress/79632-ayuda-imagenes-tamano.html

Esto con css se puede arreglar:

Insertar CODE, HTML o PHP:
.post img{min-width:400px;
max-width:400px; /*tamaño minimo*/
height: auto; /*tamaño máximo*/
}
 
No he podido ver dónde está esta sección, pero el problema es similar al del siguiente post:

http://forobeta.com/wordpress/79632-ayuda-imagenes-tamano.html

Esto con css se puede arreglar:

Insertar CODE, HTML o PHP:
.post img{min-width:400px;
max-width:400px; /*tamaño minimo*/
height: auto; /*tamaño máximo*/
}
Gracias por la respuesta.

Estuve viendo el hilo que me pasaste pero si no me equivoco eso sería para todas las imágenes de la página. Yo sólo quiero que redimensione la parte de imágenes destacadas.

No pudiste ver a lo que me refiero?

Si entras en el Home de mi web, en el medio van pasando las imágenes de los últimos posts. Esas imágenes solamente quiero redimensionar para que se vean bien en ese sector.

Gracias por la respuesta!
 
Tienes que crear un nuevo tamao desde el functions.php del theme:

Insertar CODE, HTML o PHP:
add_image_size( 'nombre', ancho, alto, true );


luego reemplazar la función que utilice tu theme para mostrar la imagen en index.php y dodne mas lo tenga por:

Insertar CODE, HTML o PHP:
<?php the_post_thumbnail('nombre que le hayas puesto al nuevo tamaño', array('class' => 'alignleft')); ?>

class igual tb tienes k cambiarlo, dependiendo del theme, pero seguramente no.
 
Ahora voy a investigar un poco y a probar con lo que me pasaste.

Gracias por la ayuda 🙂
 
Si ahora lo veo, es jQuery, y usa la propiedad background-image, es un poco más complicado, mira de cambiar el estilo de la clase slideElement.
 
AHi quedó un poquito mejor de lo que estaba antes.

Lo que hice fue modificar el featured.php

Insertar CODE, HTML o PHP:
				<?php
				$featured_posts_category = get_theme_option('featured_posts_category');
				
				if($featured_posts_category != '' && $featured_posts_category != '0') {
					global $post;

					 $featured_posts = get_posts("numberposts=5&&category=$featured_posts_category");
					 $i = 0;
					 foreach($featured_posts as $post) {
					 	setup_postdata($post);
                        if ( version_compare( $wp_version, '2.9', '>=' ) ) {
                            $slide_image_full = get_the_post_thumbnail($post->ID,'medium', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'medium', array('class' => 'thumbnail'));
                        } else {
                            $get_slide_image = get_post_meta($post->ID, 'featured', true);
                            $slide_image_full = "<img src=\"$get_slide_image\" class=\"full\" alt=\"\" />";
                            $slide_image_thumbnail = "<img src=\"$get_slide_image\" class=\"thumbnail\" alt=\"\" />";
                        }
					 	
					  ?>

En estas 2 lineas:

Insertar CODE, HTML o PHP:
                            $slide_image_full = get_the_post_thumbnail($post->ID,'medium', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'medium', array('class' => 'thumbnail'));

En donde dice "medium" decía large. Probé con Thumbail y queda muy chico. Con medium queda un poco mejor pero no se ajustan todas las imagenes al tamaño disponbible.

Tal vez es algo complicado hacer que se ajusten automàticamente, pero por lo menos ahora quedó mejor de lo que estaba.

Gracias por la ayuda 🙂

EDITO:

Trate de buscar en donde están los tamaños Large, Medium y Thumbail para modificarlos pero no pude encontrarlos.
 
Yo siempre las subo al tamaño final, las puedes escalar y recortar y cambiar la resolución con Phothosop (aunque yo uso Zoner Free pero implica 2 pasos)
 
AHi quedó un poquito mejor de lo que estaba antes.

Lo que hice fue modificar el featured.php

Insertar CODE, HTML o PHP:
				<?php
				$featured_posts_category = get_theme_option('featured_posts_category');
				
				if($featured_posts_category != '' && $featured_posts_category != '0') {
					global $post;

					 $featured_posts = get_posts("numberposts=5&&category=$featured_posts_category");
					 $i = 0;
					 foreach($featured_posts as $post) {
					 	setup_postdata($post);
                        if ( version_compare( $wp_version, '2.9', '>=' ) ) {
                            $slide_image_full = get_the_post_thumbnail($post->ID,'medium', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'medium', array('class' => 'thumbnail'));
                        } else {
                            $get_slide_image = get_post_meta($post->ID, 'featured', true);
                            $slide_image_full = "<img src=\"$get_slide_image\" class=\"full\" alt=\"\" />";
                            $slide_image_thumbnail = "<img src=\"$get_slide_image\" class=\"thumbnail\" alt=\"\" />";
                        }
					 	
					  ?>

En estas 2 lineas:

Insertar CODE, HTML o PHP:
                            $slide_image_full = get_the_post_thumbnail($post->ID,'medium', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'medium', array('class' => 'thumbnail'));

En donde dice "medium" decía large. Probé con Thumbail y queda muy chico. Con medium queda un poco mejor pero no se ajustan todas las imagenes al tamaño disponbible.

Tal vez es algo complicado hacer que se ajusten automàticamente, pero por lo menos ahora quedó mejor de lo que estaba.

Gracias por la ayuda 🙂

EDITO:

Trate de buscar en donde están los tamaños Large, Medium y Thumbail para modificarlos pero no pude encontrarlos.

Esos tamaños los puedes cambiar por el wp-admin en "multimedia" o usar la opción que te dije yo, crear otro tamaño personalizado y usarlo de la misma forma que haz echo ahora, pero en ves de medium, large... usar el nombre que le haz puesto al mismo tamaño. (si creas nuevos tamaños o utilizas los que vienen pro defecto en wp, las imágenes subidas hasta ahora quedarán con el tamaño antiguo, puedes instalar el plugin AJAX Thumbnail Rebuild para redimensionar automáticamente las imagenes antiguos y luego borrarlo, una ves echa la tarea.)

Insertar CODE, HTML o PHP:
add_image_size( 'miniatura', 100, 120, true);
add_image_size( 'completa', 300, 320, true);

                           $slide_image_full = get_the_post_thumbnail($post->ID,'completa', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'miniatura', array('class' => 'thumbnail'));

Recuerda redimensionarlo con el plugin o seguirá viendose igual las antiguas imagenes.
 
Última edición:
Esos tamaños los puedes cambiar por el wp-admin en "multimedia" o usar la opción que te dije yo, crear otro tamaño personalizado y usarlo de la misma forma que haz echo ahora, pero en ves de medium, large... usar el nombre que le haz puesto al mismo tamaño. (si creas nuevos tamaños o utilizas los que vienen pro defecto en wp, las imágenes subidas hasta ahora quedarán con el tamaño antiguo, puedes instalar el plugin AJAX Thumbnail Rebuild para redimensionar automáticamente las imagenes antiguos y luego borrarlo, una ves echa la tarea.)

Insertar CODE, HTML o PHP:
add_image_size( 'miniatura', 100, 120, true);
add_image_size( 'completa', 300, 320, true);

                           $slide_image_full = get_the_post_thumbnail($post->ID,'completa', array('class' => 'full'));
                            $slide_image_thumbnail = get_the_post_thumbnail($post->ID,'miniatura', array('class' => 'thumbnail'));

Recuerda redimensionarlo con el plugin o seguirá viendose igual las antiguas imagenes.

No encontré en donde crear el nuevo tamaño. En que lugar de functions.php?
 
En cualquier sitio del functions.php siempre que sea dentro de los tags php

Insertar CODE, HTML o PHP:
<?php

?>
 
Atrás
Arriba