A cada uno de los post que escribimos en WordPress es necesario asignarle una imagen destacada y dicha característica es muy importante ya que esto permite que las imágenes se vean en forma de miniatura (Thumbnail) en diferentes secciones de nuestra web o al momento de compartir nuestra entrada en las redes sociales.
Pero…¿Por qué estoy hablando de imágenes destacadas? Bueno, se debe a que en estos días he estado realizando algunos cambios en mi blog tratando de optimizarlo y me di cuenta que las imágenes destacadas de portada de cada post se veían muy mal, principalmente de tamaño y uno de los motivos es que migre de nuevo a la plantilla Eleven40 de StudioPress el cual utiliza Genesis Framework, pero además yo quería agregar un tamaño específico de imagen destacada pero WordPress solo te proporciona tres tipos de tamaño de imagen: pequeño, mediano y grande.
Bueno veamos mediante este post una forma de agregar o modificar el tamaño de la imagen destacada en WordPress con una plantilla para Genesis Framework.
Contenido
- 1 Cómo modificar o agregar nuevo tamaño de imagen destacada en WordPress + Genesis Framework
- 2 Conclusión
Cómo modificar o agregar nuevo tamaño de imagen destacada en WordPress + Genesis Framework
Entonces el objetivo es cambiar el tamaño de la imagen destacada de WordPress a 330 x 220 pixeles.
Primero confirmemos los diferentes tamaños de imágenes definidos en WordPress
Para ello tienes que ir al menú de “Ajustes >> Medios” te deben de aparecer opciones como la imagen de abajo.
1. Descargando el archivo functions.php deWordPress
El archivo functions.php es un repositorio de funciones o plugins por así llamarlo que ayudan a modificar o alterar cualquier característica de la plantilla activa de WordPress.
Tenemos que modificar el archivo functions.php pero antes de continuar por favor te recomiendo que hagas un respaldo de dicho archivo por cualquier cosa.
Podemos utilizar un cliente FTP para bajar el respaldo y luego subir el nuevo archivo modificado, en mi caso uso FileZilla.
Vamos a ubicar antes el archivo, lo vas a encontrar dentro de la siguiente ruta: wp-content/themes/nombre-del-tema/
Una vez ubicado de nuevo la recomendación, haz una copia y trabaja sobre uno de los archivos.
2. Agregando nuevo tamaño de imagen destacada en functions.php
Veamos el contenido original del archivo functions.php de mi plantilla Eleven40 que descargado en el paso anterior.
Lo marcado en color amarillo en la fila 34 es la función “add_image_size(“grid-featured, 270, 100″,”true”)” la cual nos sirve para añadir un nuevo tamaño de imagen para mi plantilla de Genesis Framework, en este caso se llama grid-featured, pero veamos a detalle cada parámetro.
add_image_size($nombre-imagen, $ancho, $altura,$valor-booleano)
- $nombre-imagen: El nombre que le vamos a asignar a la variable, este nombre lo vamos a utilizar en paso posterior.
- $ancho: variable para definir el ancho en pixeles del nuevo tamaño.
- $altura: variable para definir la altura en pixeles del nuevo tamaño.
- $valor-booleano: variable que determine si se va a recortar la imagen de manera automática. Las opciones son True y False.
Por default mi template Eleven40 viene con un nuevo tamaño que se llama “grid-featured” pero el tamaño no es el que yo deseo.
Ahora voy agregar un nuevo tamaño de imagen y la he nombrado imagen destacada, todo en el archivo que hemos descargado, quedando con los siguientes parámetros:
add_image_size(“imagen-destacada”,” 330″, “220”,”TRUE”).
Lo puedes ver en la imagen marcado en color verde.
Una vez modificado de forma local el archivo es momento de subirlo por FTP al directorio correspondiente que debe ser la misma ubicación de donde hemos descargado el archivo original.
3. Utilizando el nuevo tamaño definido para una plantilla en Genesis Framework
Para utilizar el nuevo tamaño solo tienes que dirigirte a la siguiente opción: “Genesis >> Opciones del Tema” y dirigirte a la sección “Archivos de contenido”.
En esta sección aparecen varias opciones pero la que nos interesa es la de Tamaño de Imagen, para ilustrarlo mejor puedes ver la imagen de abajo y es aquí donde se nos presenta un combo con todos los tamaños por default y además la que hemos creado, en este caso observa como he seleccionado el tamaño de imagen que lleva el nombre imagen-destacada (330 x 220) (fue el nombre que le pusimos en el paso 2).
4. Regenerar imágenes con AJAX Thumbnail Rebuild
Ahora, si estas en la situación de que ya tienes muchas imágenes cargadas en cada uno de tus artículos no te debes de olvidar que tienes que regenerar cada una de estas imágenes para que se creen con el nuevo tamaño que hemos definido y que todo se vea muy bien.
Para realizar esta regeneración de imágenes yo lo he hecho con el plugin Ajax Thumbnail Rebuild el cual con un solo clic y en pocos segundos te lo hace y te evita la gran tarea y mucho tiempo de hacerlo una por una.
Conclusión
Si llegaste hasta el final del post en verdad espero que esta información te ayude a solucionar el problema de definir nuevos tamaños para las imágenes destacadas en wordpress.
En caso de que utilices una plantilla normal para wordpress también hay en la red artículos sobre cómo ajustar una imagen destacada e incluso recortarlas de manera automatica. También te recomiendo la lectura del siguiente link si quieres conocer más funciones para manejar todo lo relaciona a las imágenes.
Cualquier duda o comentario puedes hacerlo en la sección de abajo y desde luego si te ha gustado y te ha parecido interesante anímate a compartirlo en tus redes sociales, te lo voy agradecer infinitamente.
Deja un comentario