Cómo cambiar las dimensiones de las imágenes presentadas en WordPress

Actualizado el 10 de marzo de 2017
Las imágenes presentadas se utilizan en WordPress de diferentes maneras, dependiendo del tema que use.La mayoría de los temas usan imágenes presentadas como una vista previa en miniatura de una de las imágenes en una publicación o página que generalmente se muestra en la página principal y en las páginas de archivo.Esta funcionalidad se introdujo con WordPress 2.9 y se conoció inicialmente como “Post Miniatures”.La mayoría de los temas de WordPress (incluido el nuestro) ahora usan las imágenes presentadas para muchos otros fines, como en galerías de imágenes, diapositivas para características e imágenes de encabezado de página.Por ejemplo, en nuestro tema de cuadro completo, la imagen presentada se convierte en la imagen de fondo de la publicación.
Las imágenes presentadas son, por supuesto, muy importantes para la creatividad y cualquiera que cree un sitio de WordPress que contenga muchas imágenes. Para usar las imágenes presentadas en cualquier tema de prensa de papel de cuadro, todo lo que tiene que hacer es seleccionar una imagen presentada desde el enlace en el lado derecho de la pantalla en el editor de publicaciones. Si la imagen predeterminada de la imagen presentada que se establece en su tema funciona para sus propósitos, excelente. Si no, es posible cambiar el tamaño con una pequeña edición de código. ¿Por qué le gustaría cambiar el tamaño de la imagen presentado? Además de hacer galerías en miniatura más grandes o más pequeñas, es posible que desee cambiar la relación de tamaño. Supongamos, por ejemplo, que usted es un fotógrafo de paisajes y que su cartera está compuesta por panoramas espectaculares. En este caso, si la imagen presentada implícitamente del tema es cuadrada, terminará cortando la mayor parte de su imagen. Puede arreglar esto ajustando el tamaño manualmente a algo más apropiado.
Cambiar el tamaño de la imagen presentada en las funciones. Se puede acceder a este archivo a través de FTP, o puede editarlo directamente en el tablero de WordPress. Siempre recomendaría el primer enfoque para este último. Antes de hacer cambios en este archivo, siempre vale la pena asegurarse de tener una copia de seguridad de la versión original si algo no va bien. Si aún no tiene los archivos de tarea originales en su computadora, asegúrese de descargar al menos el archivo Functions.php y guárdelo en una carpeta de copia de seguridad. Hay dos formas diferentes de cambiar el tamaño de una imagen presentada. Para cambiarle el tamaño proporcionalmente (es decir, para evitar el estiramiento o la compresión de la imagen) use el siguiente código: set_post_thumbnail_size (50, 50); // 50 píxeles de ancho en 50 píxeles de alto, el modo de renuncia también puede optar por cambiar el tamaño de la imagen cortándola con este código: set_post_thumbnail_size (50, 50, true); // 50 píxeles de ancho en 50 píxeles, cortando esto establece el tamaño predeterminado de las imágenes presentadas. Adición de tamaños de imagen adicionales también, puede agregar cuántas dimensiones de imagen adicionales necesita, agregando un código adicional para cada tamaño de imagen:
add_image_size (‘categoría-pulgada’, 300, 9999); // 300 píxeles de ancho (y altura ilimitada) puede usar esta nueva dimensión en la plantilla del tema con el siguiente código:
Esta función es útil si desea mostrar las imágenes presentadas de varias maneras diferentes. Por ejemplo, es posible que desee establecer un tamaño en miniatura para sus galerías de imagen y un tamaño más grande para el encabezado de publicación. Tenga en cuenta que las imágenes que sube deben ser al menos tan grandes como las dimensiones que ha establecido para las imágenes presentadas. Si carga imágenes más pequeñas, se ampliarán y se verán pixeladas y poco claras. Recostar las imágenes presentadas que cambian el tamaño de la imagen presentada solo afectará las cargas desde el momento en que se cambia el código. Todas las cargas anteriores se guardarán en las dimensiones originales, por lo que tendrá que generarlas nuevamente.
Si solo tiene unas pocas imágenes para cambiar el tamaño, puede cobrarlas nuevamente. Si tiene más de una mano, es mejor usar un complemento como las miniaturas de regeneración para hacer todo el trabajo duro por usted. Se puede acceder a este complemento a través del menú de instrumentos y cambiará el tamaño de una o más imágenes de la galería de medios que seleccione.
Proporcione las ediciones para el futuro con un tema para niños El problema con la edición directa de las funciones.php es que se perderán si se lanza una nueva versión y debe actualizarla. Puede observar el código que ha agregado y puede ingresar el nuevo archivo Fun.php, pero esto puede volverse aburrido, especialmente si realiza muchas ediciones o hay nuevas versiones que aparecen con frecuencia. El uso de un tema infantil resuelve este problema, porque cuando se actualiza el tema principal, el tema infantil permanece intacto. Si realiza cambios en el código de un tema, ya sea en funciones.php, o en hojas de estilo o cualquier otro archivo, siempre es la mejor práctica usar un tema infantil. Ya tenemos una guía completa para crear un tema para niños En el blog, pero esto es lo que necesita saber para nuestros propósitos. Para crear un tema infantil, inicie sesión en su sitio web a través de FTP y cree un nuevo archivo en/WP-Contemplate/para el nuevo tema infantil. Es una práctica ordinaria nombrar la carpeta de la misma manera que el tema que desea editar, con “Child” adjunto. Por ejemplo: “Awesome-Child” si crea un niño desde el tema Awesome. Debe crear una hoja de estilo en la carpeta de temas del niño, incluso si no tiene la intención de editar CSS. Cree un nuevo archivo llamado style.css e inserte el siguiente código:

/*
Nombre del tema: Niño maravilloso
Tema URI: http://example.com/awesome-child/
Descripción: tema maravilloso para niños
Autor: Graph Paper Press
Autor: http://example.com
Plantilla: Maravillosa
Versión: 1.0.0
Etiquetas: luz, oscura, respuesta receptiva, accesibilidad a
Dominio de texto: Wonderful-Child
*/
@Import URL (“../ Awesome/ style.css”);
/* = El tema de personalización comienza aquí ————————————- —— ————- */ Cambie el nombre del tema y otros detalles según sea el caso. Para agregar la funcionalidad para cambiar la imagen presentada en el tema del niño, deberá crear un nuevo archivo FUNCIONS.PHP, así que ve más allá y hazlo en el tema del niño. Este archivo se cargará además de las funciones del parent.php.
Plantilla para funciones.php se ve así: Apariencia. Encuentre el tema del niño en la lista y haga clic en la activación.