Seleccione una página
[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0px ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: el tema de WordPress más fácil de usar

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] DESCARGAR [/vcex_button][/ columna_vc][/fila_vc]

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62.

¿Le gustaría saber cómo agregar un tamaño personalizado a las miniaturas?

Cargar imágenes en WordPress crea diferentes tamaños de la imagen original, pero lamentablemente, no es una solución que pueda funcionar para todos. Los tamaños predeterminados creados son: miniatura, mediano, grande y tamaño original. Pero, si necesita un tamaño diferente, como los productos en una tienda en línea, puede hacer su propio tamaño personalizado según sus necesidades.

En este tutorial, le mostraremos cómo crear formatos de imagen personalizados guardándolos en su tema con código.

Asumiré para este tutorial que sabes cómo desarrollar (HTML / CSS y PHP). Este tutorial también se aplica si sabe cómo crear complementos de WordPress.

Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Cómo guardar tamaños personalizados en WordPress

Comience abriendo o crear el archivo functions.php de su tema, luego configúrelo como en el siguiente ejemplo, que es un extracto del tema predeterminado Twenty Seventeen:

<?php

if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) {
    require get_template_directory() . '/inc/back-compat.php';
    return;
}

/**
 * Configuration par défaut du thème + ajout de nouvelles fonctionnalités.
 *
 * Notez que ce code s'ajoute après le crochet "after_setup_theme hook", qui
 * s'exécute avant le crochet init. 
 */
function twentyseventeen_setup() {

Como explica el comentario, puede agregar compatibilidades con las funciones de WordPress que desea usar en su tema, como imágenes destacadas, formatos de publicación, encabezado personalizado y otras opciones similares.

Vea también nuestra lista de Complementos de 5 WordPress para editar imágenes en tu blog

Hay una característica que debe agregar absolutamente para poder crear imágenes con tamaños personalizados y vistas previas en miniatura:

  add_theme_support ( 'post-miniaturas');

Después de la versión 2.9 de WordPress, las imágenes de las publicaciones se cambiaron de nombre a "imágenes destacadas", pero (confusamente) todavía se menciona por su nombre original en el código del archivo. Estos términos se pueden usar indistintamente, sin embargo, dependiendo de su audiencia, esto puede resultar confuso para algunos.

Lea también nuestro tutorial sobre ¿Cómo tener un control de usuario avanzado en WordPress

Luego, puede agregar sus tamaños de imagen personalizados al " Add_image_size ". Esta es la estructura básica que necesita:

    add_image_size ('nuevo tamaño personalizado', ancho, alto, modo de recorte);

Asegúrate de cambiar " THEMENAME Por el nombre de tu tema. Reemplazar " nuevo tamaño personalizado Con un nombre descriptivo para el tamaño de su imagen. Aunque puede usar casi cualquier nombre, estos están prohibidos porque están reservados por los tamaños de imagen predeterminados mencionados anteriormente: pulgar, miniatura, medio, grande, miniatura posterior.

Cree fácilmente su sitio web con Elementor

Elementor te permite crear Fácil y Gratis cualquier sitio web o diseño de blog con un aspecto profesional. Deja de pagar mucho por un sitio web que puedes hacer tú mismo.

Además, puede establecer tamaños de imagen personalizados ancho, alto y para el cultivo.

Descubrir también Cómo comprimir y redimensionar las imágenes en WordPress

Puedes cambiar las dimensiones " anchura "Y" altura Para aquellos que necesitarás. Aunque se explica por sí mismo, el modo de recorte no lo es.

Hay algunas opciones para recortar sus imágenes:

  • Cosecha forzada - Para hacer esto, establezca el valor " Modo de cultivos "A" verdadero ". Corta una imagen más grande al ancho y alto exactos que se establecen para que encaje perfectamente con su diseño, pero no necesariamente recorta la imagen proporcionalmente.
  • Recorte suave - Esta es la configuración predeterminada y se activa al eliminar el modo de recorte. Produce una imagen proporcionalmente, pero las alturas de la imagen pueden variar si originalmente fueran de diferentes tamaños.
  • Altura ilimitada - Eliminando el valor " altura », El modo de recorte de su imagen personalizada puede tener una altura ilimitada. Esto es especialmente útil para infografías.

Puede repetir la línea en el fragmento anterior para guardar tantos tamaños de imagen como necesite. No olvide editarlo para que cumpla con las especificaciones que necesita. 

¿Cómo compartir tus artículos como PDF en WordPress? Descúbrelo consultando este artículo.

Puede continuar agregando soporte para las funciones que necesita y cuando haya terminado, inclúyalo en el enlace " after_setup_theme »:

add_action ( 'after_setup_theme', 'themename_setup');

Manten eso en mente " THEMENAME Debería cambiarse al nombre real de su tema de WordPress. Asegúrese de utilizar este nombre de forma coherente en todo este archivo.

Descubre también algunos complementos premium de WordPress  

Puede usar otros complementos de WordPress para darle un aspecto moderno y optimizar el agarre de su blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. QT Places

QT Places es un complemento de WordPress elegante y versátil para mostrar mapas de Google Maps en su sitio web. Después de la instalación, aparecerá un nuevo tipo de publicación llamada "Lugares" en su menú de WordPress, y podrá comenzar a agregar nuevas ubicaciones a los mapas de inmediato.

Complemento interactivo de wordpress de google maps de qt places

Esta extensión es súper sensible y funciona en dispositivos móviles (iPhone, Android). Usted puede agregar funcionalidad de mapa a cualquier tipo de publicación estándar (como artículos o páginas), o personalizada (como carteras).

Descargar | Demo | alojamiento web

2. Calendarista

Calendarista es un complemento premium de WordPress diseñado para proporcionar a sus clientes una experiencia de reserva en línea más rápida y eficiente. Su objetivo es hacer que los servicios sean muy rápidos y fáciles de agregar para las empresas que ofrecen la reserva de sesiones o citas en Internet.

Complemento de reserva de citas de Calendarista premium wp y complemento de sistema de programación wordpress

Así que si está buscando un sistema de reservas completo para un hotel, empresa de alquiler de coches, alquiler de apartamentos, agencia de viajes, salón de belleza, restaurante, etc.…, este complemento será perfecto para ti. 

Lea este artículo en Cómo mostrar todas sus publicaciones WordPress en una sola página

Como funcionalidades ofrece entre otras: 10 modelos de sistema de reservas listos para usar, soporte para 3 pasarelas de pago, Soporte de WooCommerce, la integración de un generador de formularios personalizable, Soporte de Google Map, una excelente plantilla de calendario para mostrar sus citas y mucho más.

Descargar | Demo alojamiento web

3. Eventon

El complemento premium de WordPress EventOn es el complemento de calendario más vendido en CodeCanyon, con más de 7000 ventas. Tiene un montón de funciones útiles como imágenes destacadas para eventos, códigos cortos, creación ilimitada de calendarios de eventos, campos de metadatos personalizables y características de eventos.

Eventon wordpress calendario de eventos complemento de wordpress

Sus principales extensiones son entre otras: posibilidad de venta de entradas, importación / exportación de eventos en formato CSV, integración gratuita con Google Map, ordenando y filtrando en la lista de eventos, diseño totalmente receptivo, Soporte multilingüey fácil personalización del calendario.

Descubre nuestro Complementos de 9 WordPress para crear un sitio web de viajes

Algunas características ya están disponibles de forma gratuita en otros complementos, pero el valor es un compromiso efectivo.

Descargar | Demo | alojamiento web

Otros recursos recomendados

También lo invitamos a consultar los recursos a continuación para avanzar en el control y agarre de su sitio web y blog.

Conclusión

Listo ! Eso es todo por esta guía. Esperamos que le permita agregar tamaños personalizados para las imágenes.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Si tienes comentarios o sugerencias, no dude en hacérnoslo saber en la sección reservada. Mientras tanto, comparte este artículo en tus diferentes redes sociales

... 

14 acciones
cuota10
Tweet1
Siguiente 3